导读：本篇文章首席CTO笔记来给大家介绍有关django+js如何引用的相关内容，希望对大家有所帮助，一起来看看吧。
本文目录一览：
1、Django1.8中应该怎么配置js静态资源2、django怎么使用js和css3、Django的web项目，怎样在引用的外部js文件中实现form表单内容提交到action的路径中？4、如何在django中使用Echarts的js文件5、Django中html引用js文件报错。6、django怎么引入js，css文件Django1.8中应该怎么配置js静态资源
1、先在你的app文件中新建一个文件夹static，再分别建立三个子文件夹js，style，images。
2、在settings.py中，加入：
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR, "static"),
)
3、在html页面头部加入：
{% load staticfiles %}
html
head
title麦子学院/title
/head
body
4、
在html模版页面，可以用如下两种方式调用：
img src="{% static 'images/logo.gif' %}" alt=""/
img src="/static/images/acer.gif" alt=""/
推荐使用第二种，因为如果图片名称是动态的，可以通过views这么绑定：
img src="/static/images/{{name}}.gif" alt=""/
css的引用同样如此：
link rel="stylesheet" href="{% static ‘style/base.css’ %}" type="text/css"
link rel="stylesheet" href="/static/style/base.css" type="text/css"
js的引用同样如此：
script type="text/javascript" src="{% static ‘js/jquery-1.8.3.min.js' %}"/
script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"/
django怎么使用js和css
态的资源通常放入static文件夹中：static/css/djquery.csssamples/hello.cssjs/jquery-1.7.1.min.jssamples/hello.js其中css和js都按照应用名称（这里是samples）划分文件夹，如果文件较多，还可以再划分子文件夹。Django通常使用模板来展现html，而且我们通常使用继承的模板，所以需要将共用的元素，比如全局的css，对jquery.js的引入等，写到base模板中，而将具体页面的元素放到具体的模板中。这就牵涉到如何嵌套的问题。看下面的例子：
Django的web项目，怎样在引用的外部js文件中实现form表单内容提交到action的路径中？
话说你为什么一定要把表里的内容通过get提交呢，一点也不安全。实际开发几乎没人这么干，特别是这种私人信息。但是也有招能搞定。你在input中添加一个onclick='tijiao();'
js中加一个方法
function tijiao(){
window.href='url?'+encodeURIComponent(你想提交的form表单信息)+''+encodeURIComponent(你想提交的form表单信息);
}
若不想跳转页面请用ajax，参数也要加密
encodeURIComponent是将敏感信息加密。你可以在url这个路径的页面上通过decodeURIComponent解码就行了
望采纳哦
如何在django中使用Echarts的js文件
1. 选择正确的echarts.js，开发版选择echarts.baidu.com上的源码版，避免出现问题
2. 在项目主目录中新建static文件夹，里面建立js、css、images文件夹
3. 在settings文件中新增如下代码配置：
复制代码
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
STATICFILES_DIRS = (
('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/')),
)
复制代码
4. 在html页面引入本地js文件static/js/echarts.js
script type="text/javascript" src="/static/js/echarts.js"/script
5. 启动python Django服务器
python3 manage.py runserver
6. 刷新页面，OK
成功将网络echarts.js文件改成引用本地echarts.js文件
Django中html引用js文件报错。
方法就是把你所需求的js和css放入一个文件夹common下！
link type="text/css" rel="stylesheet" href="common/test.css"/link
script type="text/javascript" src="common/test.js"/script
这样两者引入以后就可以使用了 当然文件夹的路径应该要设置好，
我的例子是common文件和你要引用的文件在同一目录下的！
那你可以把
link type="text/css" rel="stylesheet" href="common/test.css"/link
script type="text/javascript" src="common/test.js"/script
引用的文件都放入一个文件include.php当中,然后在需要的里面加上
include ("include.php"); 就可以在里面使用。如果需要更改的话，只要改include.php里面的就行了！希望是你要的！
django怎么引入js，css文件
参考如下
假如项目的目录tree为：
mysite：
manage.py
mysite:
__init__.py settings.py urls.py wsgi.py
blog(建立的应用程序)：
models.py views.py test.py __init__.py templates
开始配置：
1、在外部的mysite目录下（也就是项目的根目录）建立static目录
2、打开settings.py，添加：
import os
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),
(
3、打开urls.py,添加(注意：假如在blog应用中新建了一个urls.py文件，那么应该添加到blog目录下的urls.py文件，我曾经在这个坑里纠结了很久)：
import settings
urlpatterns = patterns(
url( r'^static/(?Ppath.*)$', 'django.views.static.serve',
{ 'document_root':settings.STATIC_ROOT }),
)
使用：
假设要在模板(存放在templates文件中的)里面导入外部/home/fudaoji/mysite/static/js/jequery.js文件，那么可以直接
script type="text/javascript" src='../../static/js/jquery.js'/javascript
结语：以上就是首席CTO笔记为大家整理的关于django+js如何引用的全部内容了，感谢您花时间阅读本站内容，希望对您有所帮助，更多关于django+js如何引用的相关内容别忘了在本站进行查找喔。