js 放在什么地方合适,放在 body 的上部还是底部。
2017-12-28 10:55
375 查看
理论上来说js标签放在html文档的任何位置都可以,规范起见,推荐放到body结束标签的末尾,包含到body标签内:
这样处理的好处是无需担心因页面未完成加载,造成DOM节点获取不到,使脚本报错的问题,而且能避免因脚本运行缓慢造成页面卡死的问题。另外,Yahoo的前端优化指南里就有这一条。
<body> <div> <span>这里是你页面的内容</span> </div> <!-- js内容放在</body>上面,页面内容下面 --> <script src="js/jquery-1.12.1.min.js" type="text/javascript"></script> <script> function hello(){ console.log("你好"); } </script> </body>
这样处理的好处是无需担心因页面未完成加载,造成DOM节点获取不到,使脚本报错的问题,而且能避免因脚本运行缓慢造成页面卡死的问题。另外,Yahoo的前端优化指南里就有这一条。
相关文章推荐
- js 是放在head还是放在body底部其实是有本质区别的
- JS一定要放在Body的最底部么?聊聊浏览器的渲染机制
- JS一定要放在Body的最底部么?聊聊浏览器的渲染机制
- JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- html页面引用js必须放在body底部与放在head部分是有区别的
- JS一定要放在Body的最底部么?聊聊浏览器的渲染机制
- 转---JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- 把 Script 标签 放在页面的最底部的 body 封闭之前 和封闭之后有什么区别?浏览器会如何解析它们?
- JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- JS一定要放在Body的最底部么?
- 转--js代码放在head还是body里面
- JS一定要放在Body的最底部么? 聊聊浏览器的渲染机制
- JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- JS 一定要放在 Body 的最底部么?聊聊浏览器的渲染机制
- js放在<head>里 和 <body>里的区别
- JavaScript之将JS代码放在什么位置最合适
- 高性能web开发 - 如何加载JS,JS应该放在什么位置?
- 高性能web开发 如何加载JS,JS应该放在什么位置?