html中引入js，不同时候引入的区别

最新推荐文章于 2023-10-21 22:07:07 发布

change_for_you

最新推荐文章于 2023-10-21 22:07:07 发布

阅读量5.4k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/change_for_you/article/details/52595423

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一般html中引入js文件，是head或者body中

区别：

head

<head>

</head>

head中引入js文件，在页面初始化时需要用到，比如现在很流行前后端分离，页面初始化时，需要初始化页面数据等，一般会在js中ajax后台接口，返回数据初始化页面，这种时候就需要把js，写在head中

body

<body>

</body>

body中引入js文件方法和head一样，一般是放在body尾部。

body引入js文件，这种情况一般是存在于：1、登录页面，页面初始化时，不需要用到js中的方法，只有在点击等被触发的情况下才用到js中的方法，

2、可以提升页面的加载速度(我认为的，也试过，好像并没有，可能页面内容少的原因吧)。



  
     
   
   
    
   
   
 
    
   
   
    
   
   
 
    
   
   
    
   
   
 
    
   
   
    
   
   
    
   
   
 
 
    Bootstrap Basic Template
    
   
   
     href="css/bootstrap.min.css" rel="stylesheet">
    
   
   
    
   
   
    
   
   
    
   
   
  
  
 
    
   
   
    
   
   
    <script src="js/bootstrap.min.js"></script>

ps：这段html页面代码模板是我在慕课上看到的，感觉很通用的，这里给大家看下

也可以参考 http://www.imooc.com/wiki/view?pid=143