[英]JavaScript File is not working in template django
我正在尝试将 javascript 页面连接到 HTML 模板。 我尝试了很多方法,但它没有显示任何内容。 没有错误,但 Js 文件没有响应。
index.html文件为:
{% extends "network/layout.html" %}
{% load static %}
{% block body %}
<!-- <form action="" method="">
<input type="text" name="post" id="post-body">
<input type="submit" name="" id="postbtn" value="Post">
</form> -->
<input type="submit" name="btn" id="btn" value="check">
{% endblock %}
{% block script %}
<script src="{% static 'network/post.js' %}" type="text/javascript"></script>
{% endblock %}
post.js 文件是:
document.addEventListener('DOMContentLoaded', function(){
document.querySelector('#btn').onclick = function(){
document.querySelector('#heading').innerHTML = 'hello';
};
})
alert("Hello, Welcome to Javatpoint");
设置.py:
# Internationalization
# https://docs.djangoproject.com/en/3.0/topics/i18n/
LANGUAGE_CODE = 'en-us'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_L10N = True
USE_TZ = True
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/
STATIC_URL = '/static/'
和 urls.py 文件:
from django.urls import path
from .views import *
from . import views
urlpatterns = [
path("", views.index, name="index"),
path("login", views.login_view, name="login"),
path("logout", views.logout_view, name="logout"),
path("register", views.register, name="register"),
path('posts', compose_post, name='post' )
]
请帮我解决一下这个。 我会非常感谢你。
只需将其包含在您的布局中即可。html
{% block script %}
{% endblock script %}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.