简介：许多朋友问有关如何将JS添加到Django的问题。本文的首席CTO注释将为您提供一个详细的答案，以供所有人参考。我希望这对每个人都会有所帮助！让我们一起看看！
本文目录清单：
1.如何在django1.8中配置JS静态资源2.如何在django，CSS文件中介绍JS 3.CSS，调用CSS，调用CSS，调用CSS，IMG，JS和其他静态文件5，Django如何使用JS和CSS1，首先在应用程序文件中创建一个新的文件夹静态，然后建立三个子文件夹JS JS JS，样式，样式。
2.在设置中。
static_url ='/static/'
staticfiles_dirs =（
os.path.join（base_dir，“ static”），
治愈
3.添加HTML页面的头部：
{％加载staticfiles％}
html
头
标题Maizi Academy/Title
/头
身体
4，，
在HTML模板页面上，您可以通过以下两种方式调用它：
img src =“ https://www.shouxicto.com/article/ {％静态'images/logo.gif'％}” alt =“” /////
img src =“ https://www.shouxicto.com/stative/images/acers/acers/acers/acer.gif” alt =“” /////
建议使用第二种类型，因为如果图片名称是动态的，则可以通过视图绑定：
img src =“ https://www.shouxicto.com/stative/images/ {name}} .gif“ alt =”“” /////
CSS参考也是如此：
链接rel =“ stylesheet” href =“ https://www.shouxicto.com/article/ {％static'state'state/base.css'％}“ type =“ text/css”
链接rel =“ stylesheet” href =“ https://www.shouxicto.com/stative/style/base.css” type =“ text/css”
JS也是如此：
脚本类型=“ text/javascript” src =“ https://www.shouxicto.com/article/ {％static'js/jquery-1.8.3.3.3.min.js'％}”//
脚本类型=“ text/javascript” src =“ https://www.shouxicto.com/stative/js/jqury-1.8.min.js"///
参考如下
如果该项目的目录是：
我的网站：
manage.py
我的网站：
__init__.py settings.py urls.py wsgi.py
博客（已建立的应用程序）：
models.py views.py test.py __init__.py模板
开始配置：
1.在外部MySite目录中（即项目的根目录）
2.打开设置。py并添加：
导入操作系统
static_url ='/static/'
staticfiles_dirs =（
（（（（（
3.打开urls.py并添加（注意：如果在博客应用程序中新创建一个urls.py文件，则应将其添加到博客目录中的urls.py文件中。我曾经在此PIT中纠结许久）：
导入设置
urlpatterns =模式（
url（r'^static/（？ppath。*）$'，'django.views.static.serve'，
{'document_root'：settings.static_root}），
治愈
使用：
假设在模板中导入外部/home/fudaoji/mysite/js/jequery.js文件（存储在模板文件中），那么您可以直接直接可以直接为
脚本类型=“ text/javascript” src ='https：//www.shouxicto.com/stative/js/jqury.js'/javascript
JS文件
ProjectRoot/app/static/js/mile
设置
static_url ='/static/'
static_root = os.path.join（base_dir，'static'）。代替 （'\'， '/'）
引用.html文件
{％加载staticfiles％}
脚本src =“ https://www.shouxicto.com/article/ {％static'/js/target.js'％}”/script
在Django项目的开发中，就像普通的Web开发一样，不可能通过“ IMGS/BG.JPG”访问本地静态文件。有必要进行一些配置以实现静态文件访问。
首先，在项目根路径下创建一个新的静态文件夹，然后在静态文件夹下创建相应的CSS，IMGS，JS和其他文件夹，以存储静态文件，例如CSS，IMG，JS。
第二，项目配置
1.打开settings.py并将其添加到底部：
2.打开urls.py并将其添加到urlpatterns ：（注意，如果您还将urls.py设置在博客目录中，则必须在blog/urls.py中进行修改。不要忘记导入设置）：
（但是在测量之后，我可以完成静态文件的访问，而无需添加此文件）
3.在HTML模板的顶部添加：
然后以这种格式调用您需要的格式，例如：
最终重新运行该项目，Django可以找到本地静态文件，例如IMG。目前，可以使用IMG和其他文件显示与模板相对应的页面。
状态资源通常放置在静态文件夹中：static/css/djquery.cssssmples/hello.cssjs/jquery-1.7.1.7.1.min.jsssamples/hello.js，CSS和JS在此处除以应用程序名称（在此处划分样品（样品）。jQuery.js等的内容，将其写入基本模板中，并将特定页面的元素放在特定页面的元素中，以符合特定模板的元素。这涉及嵌套的问题。请查看下面的示例：
结论：以上是主要CTO指出的如何向Django添加JS的一般内容。我希望这对每个人都会有所帮助。如果您仍然想进一步了解这一点，请记住收集并关注此网站。