Django引用外部js

最新推荐文章于 2024-07-27 10:33:15 发布
最新推荐文章于 2024-07-27 10:33:15 发布
阅读量3.5k 收藏 8
点赞数 1
分类专栏： Django 文章标签： django python javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fuzizhu1/article/details/107357920
版权

Django引用外部js

分为两种，一种是引用外部本地文件，一种是引用网址

引用外部本地文件

注意文件结构
在这里插入图片描述
网页在templates中
在setting文件中最后添加

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]

当然需要在文件前面设置BASE_DIR

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

也就是说static和你网站是同级目录，setting是在网站目录下的
然后在网页添加如下代码

{% load staticfiles %}
<script type="text/javascript" src="{% static 'js/fans.js' %}"></script>

第一行建议添加在<html>前面
第二行添加在<head>里面，直接输入st，系统会进行提示，这种基本就是成功了
然后刷新页面，重新加载就可以了。注意别忘了在网页中调用js。

引用外部网址

这种比较简单，直接在网页中添加

<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

这里是引用echarts的例子

在Django模板中使用CSS和JavaScript
BitSlinger的博客
10-16 642
通过上述步骤，我们可以在Django模板中轻松引入和使用CSS和JavaScript。Django作为一种流行的Python Web框架，提供了方便的方式来在模板中使用CSS和JavaScript。本文将介绍如何在Django模板中引入和使用CSS和JavaScript，并提供相应的源代码示例。除了引入外部的CSS和JavaScript文件，Django模板还支持内联CSS和JavaScript代码。通常，我们将CSS文件放置在静态文件目录中，然后在模板中使用。在上面的示例中，我们在。
Django 中的HTML模板调用外部js静态文件小坑笔记（ajax也可以解决传参问题）
blog of hbj
05-16 3198
外部js文件脚本，不能直接通过{{arg}}方式直接获取视图后台传过来的参数：要么在HTML代码中直接嵌入js脚本；要么将js脚本中的变量变为规范的变量（非{{arg}}方式获取），然后在HTML中另外定义var XX = {{arg}}，这样才能正常导入js外部文件且生效一、（导入js脚本方式，var 定义在body和head都行）HTML代码{%extends 'base_foot.html'...
网页缩小以后样子就变了_用Excel/Power BI/Power Query能爬取网页数据？3/3
weixin_39836536的博客
12-16 343
前几天，小小逛问答的时候，给自己留了个坑。说要写文介绍一下怎么用Excel/PBI来爬网页数据，前天写了三篇中的第一篇，昨天写了三篇中的第二篇，所以。。。可以推导出来今天大结局么？嘿嘿。日常数据分析工作中，我们可能常常需要从网上抓一些数据来辅助自己的分析。那么除了简单的复制粘贴之外，我们有没有其他的办法来完成这件事呢？或者说，有没有更灵活，更简单，自动化程度更高的办法呢？有。我们用工具来抓的数，往...
Django使用本地css/js文件
weixin_34187822的博客
08-19 387
在网上看了很多说Django如何使用本地css/js的文章, 但都不能用 今天终于找到一个可以用的, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹层级 然后很简单，只需在settings.py中进行设置就行, 在末尾添加以下代码 STATIC_URL = '/static/' HERE = o...
在Django中导入js文件的方法
weixin_65006301的博客
06-07 2841
在Django
Django调用JS、CSS、图片等静态文件
09-13 208
zz 在下面的例子中，我们将media作为静态(CSS\JS\图片文件)文件的目录 方法一、 1.首先在settings.py文件中自定义参数 STATIC_PATH=’./media’.（意为当前文件目录下的media文件夹） 2.在urls.py文件中导入import settings再，urlpatterns里加入一句(r’^site_media/(?P&lt...
Django模板变量如何传递给外部js调用的方法小结
09-21
本文主要讨论了如何在Django模板中有效地传递变量给外部JavaScript文件。 首先，传统做法是在HTML模板中直接内联JavaScript代码，如下面的例子所示： ```html <div><h1>Test</h1><div id="my-test" ></div></div> ...
Django media static外部访问Django中的图片设置教程
09-17
本教程将详细介绍如何设置Django以便外部访问这些文件。 ### Django静态文件（static）设置 静态文件用于存储不经常改变且与应用程序逻辑无关的资源。Django提供了`STATIC_URL`和`STATICFILES_DIRS`配置来管理这些...
Django加入含有JS，CSS，图片等外部文件模板（Template）的方法
L博涯的博客
03-19 4336
在使用Django搭建站点时，往往须要使用一些js，css或者图片等外部文件，这里给出使用它们的使用方法。 服务器ip地址为：192.168.10.10 我的系统版本号为：centos6.5 我的python版本号为：python2.7.10（python2.7升级请参考：http://www.lboya.top/blog/tag/admin/python） 我的django版本号为：1....
python3 django项目导入js
Talk is cheap,show me the code
08-25 3076
首先说明一下运行环境，python3.5.3，django=1.8，项目目录大概是这样 第一步：在根目录下创建一个名为static的文件夹，在本例中即为learning_log/static，然后再在static文件夹里创建一个名为js的文件夹来存放需要导入引用的js代码。 第二步：然后接下来打开自己的settings.py, 在设置中找到 STATIC_URL = '/static/'
如何通过Django使用本地css/js文件
12-23
这篇文章主要介绍了如何通过Django使用本地css/js文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在网上看了很多说Django如何使用本地css/js的文章, 很多都是说的不是很清楚。 今天终于自己来验证一个能用的了, 记录下 在manager.py同层级下创建static文件夹, 里面放上css , js, image等文件或者文件夹 我的文件夹tree: ➜ FileService git:(master) ✗ tree . ├── 2kill_port.sh ├── FileService │ ├── __init__.
django引用js_Django 中使用 js 操作 cookies
weixin_42394206的博客
12-24 347
session与cookie对比Cookie：保存在用户浏览器端的键值对本地可以修改；如果有敏感信息，可以被看到Session：保存在服务器端的键值对服务端：保存键值对{'随机字符串':{……用户信息……}}，通过cookie保存随机字符串到客户端上。在 app01 上添加文件夹 static ，并把 jquery.cookie.js 和 jquery.min.js 放入在 templates 文...
Django2.0引入css、js、img文件
weixin_34185560的博客
03-04 745
Django2.0引入css、js、img文件 一、文件结构 二、settings.py的配置 1 # Static files (CSS, JavaScript, Images) 2 # https://docs.djangoproject.com/en/2.1/howto/static-files/ 3 STATIC_URL = '/static/' 4 STA...
Django JS
weixin_30423977的博客
05-10 139
Django JS 转载于:https://www.cnblogs.com/guozepingboke/p/10842655.html
【Django】引入js等静态文件
最新发布
xzzteach的博客
07-27 607
static目录下一定要新建一个以app命名的文件夹（避免多app引用时冲突）
Django使用css/js/image
卧龙居
10-22 2958
比如新建的项目名字为EasyBugSolution1，它里面通过Django建立后，包含一个EasyBugSolution1的文件夹，里面包含settings.py一些关键的配置文件。 我们将项目所需要的stylesheet放在这个文件夹下方。 项目的结构类似于此： EasyBugSolution1 ----EasyBugSolution1 --------stylesheet ---
Django<加载static目录下的CSS-JS>
Gpwner的博客
07-25 1568
博主之前没有接触过Django,最近有一个项目需求要做一个可视化的展示，但是一直无法加载static文件下的JS和CSS，经过一番折腾，最后终于搞定了。下面是完整的过程：1.我的项目结构：2.在与settings.py文件的统计目录下，新建static文件夹，然后在新建两个子目录（static_dirs、static_root）,然后在settings.py文件中添加以下代码：STATIC_URL
Django中加载js和css文件
朝歌
07-17 6901
Django中加载js和css文件项目的目录结构如下： mysite |-mysite |-|-static |-|-……js和css文件 |-|-|-init.py |-| |-models.py |-| |-views.py |-|-init.py |-|-settings.py |-|-urls.py |-templates
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值