为什么把script标签放在div下面?

简介: 为什么把script标签放在div下面?

放在底部可以优先加载页面的内容结构,提升页面渲染速度。只有等到HTML解析完成后,才会开始执行main.js,避免JS阻塞页面解析,

同时main.js里可能会操作DOM,如果放头部,可能会找不到节点而报错

 <body>
     <div id="root">
         <App></App>
     </div>
     <script type="text/javascript" src="../js/vue.js"></script>
     <script type='text/javascript' src="./main.js"></script>
 </body>

这样写更符合代码加载的逻辑先后顺序,先加载页面结构,再开始初始化JS应用

vue.js也是同理,vue.js先到达战场,main.js随后到...

相关文章
|
3月前
|
前端开发
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
css div覆盖样式(一个div想覆盖掉另一个div在他上面进行显示)
33 0
|
8天前
|
JavaScript 前端开发
js怎么获取div里面的文字长度
js怎么获取div里面的文字长度
18 3
|
9月前
|
JavaScript
js隐藏和显示div
js隐藏和显示div
|
JavaScript 前端开发 Go
script 标签|学习笔记
快速学习 script 标签
85 0
|
移动开发 JavaScript
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
250 0
不写Js也能实现点击事件?说说你不知道的HTML之<Label>标签
|
Web App开发 容器
Div并排显示
Div并排显示
|
监控 JavaScript CDN
VUE中隐藏和限制DIV或其他HTML元素
VUE中隐藏和限制DIV或其他HTML元素
291 0
|
前端开发
Div与Span标签详解
Div与Span标签详解
295 0
HTML 修改img标签的src属性
$("#imgId").attr('src',path); 
1222 0
|
JavaScript 程序员