django的html怎么引用js(html和django什么联系)

导读:很多朋友问到关于django的html怎么引用js的相关问题,本文首席CTO笔记就来为大家做个详细解答,供大家参考,希望对大家有所帮助!一起来看看吧!

如何在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(html和django什么联系)  第1张

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里面的就行了!希望是你要的!

HTML中怎么引用JS ?

1、通过使用html标签的style属性来写。通过这种方式写的样式会覆盖掉其他引入方式的样式。优先选择行内样式。缺点是不利于后期维护,如果一个页面写太多行内样式,也会让页面看着比较乱。

2、可以放在页面中的任何位置。但通常情况下放在head/head标签内。这样比较有统一性,便于查找。这个用在一个页面中还可以,不利于多个页面同一样式的使用。

3、这个方法需要单独建立一个css文件,所有的样式都放到这里面。易于维护,并且适合多个页面使用。

4、这个方法是在外部单独建立一个js文件,页面中所有的js都在这一个页面中。易于维护,方便多次使用。

5、直接把js效果写在script/script标签中即可。这部分内容可以放在页面中的任何位置。但是一般放在页面的底部。这样的话便于页面加载完成再执行js文件。

结语:以上就是首席CTO笔记为大家整理的关于django的html怎么引用js的相关内容解答汇总了,希望对您有所帮助!如果解决了您的问题欢迎分享给更多关注此问题的朋友喔~

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的互联网后端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-24 10:03
下一篇 2023-09-24

相关推荐

发表回复

登录后才能评论