1.需要配置settings

# 静态文件目录
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')

2.页面加载静态文件

{% load static %} 加载静态文件

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
* {
margin: 0;
padding: 0;
}
</style>
    <script src="{% static "js/hello_word.js" %}"></script>   加载static目录下的文件 通过/,  最前面也可以加/js/hello_word.js  
    <script src="{% static "hello_word.js" %}"></script>     加载static下的js和css
<link rel="stylesheet" href="{% static 'hello_world.css' %}">
</head>
<body>
  <div class="box">这是引入js,css案例<div>
  <img src="{% static 'images/fruit.jpg' alt='' %}"> 引入static/images/fruit.jpg
</body>
</html>

最新文章

  1. HDU3177 贪心
  2. 冲刺阶段 day 8
  3. LTE Module User Documentation(翻译3)——仿真输出
  4. HTML5与HTML4的区别
  5. RTCP
  6. B*tree dump
  7. NSDate,NSCalendar,NSTimer,NSTimeZone
  8. vs2010中的外部依赖项的含义
  9. CodeForces - 788B Weird journey 欧拉路
  10. js判断对象是否为空
  11. feifeicms后台任意文件读取
  12. 【python】 迭代器、生成器、列表推导式
  13. Windows MySQL测试数据库employees的导入
  14. day1-pycharm使用
  15. Rabbit的机器人-二分答案
  16. java各版本简单对比
  17. crontab 在指定时间范围每隔2小时执行一次和指定时间执行实例
  18. 解决读取Excel表格中某列数据为空的问题 c#
  19. 指尖下的js ——多触式web前端开发之二:处理简单手势(转)
  20. JavaScript:Function/Object/prototype/__proto__

热门文章

  1. 类的成员变量修饰 const 和static
  2. Hive 建外链表到 Hbase(分内部表、外部表两种方式)
  3. Learn Rails5.2 Bundler ; Forms
  4. bzoj3172: [Tjoi2013]单词 ac自动机
  5. 微信小程序scroll-view横向滚动
  6. java读取和写入浏览器Cookies
  7. 『转』Dr.Web Security Space 8 – 免费3个月
  8. 使用ndk-stack来查找崩溃
  9. windows server 2012 AD 域和站点部署系列
  10. PHP 设计模式 原型模式(Prototype)之深/浅拷贝