JS代码规范

这篇博文会持续更新。

  • JS在HTML中的编写位置

在编写web项目时,通常把CSS放在BODY的上面,把JS放在BODY的末尾。

    <html>
    <head>
        <link rel="stylesheet" href="css/css">
    </head>
    <body>
        ...
    </body>
    <script src="js/1.js">
    <script>
        alert('hello world!');
    </script>
    </html>

这样做的目的:

  • 浏览器中页面加载的顺序按代码行是从上到下加载的。
  • 这样将CSS放在BODY前面保证浏览器先加载CSS,即让网页从一开始就带有样式,然后再加载BODY,这样可以保证在网速较慢的时候,网页还是跟我们预期的效果一样。
  • JS很多时候需要操作这些元素,首先我们要保证元素加载成功,才可以在JS中获取到。这样将JS放到BODY后面即将JS放在结构之后加载,保证了DOM结构先加载完,再加载JS。 补充 如果把JS放在HTML标签前面,如何等到结构加载完成再加载JS

1.原生JS可以使用window.onload=function(){}(页面中的所有资源文件都加载完成执行操作)

     <html>
     <head>
         <title>window.onload世界 你好!</title>
         <script>
             alert("hello world!");
         </script>
     </head>
     <body>
         ...
     </body>
     </html>  

参考博文

2.使用JS的常用类库JQ。(document).ready(function(){}) 页面中的结构加载完成就会执行操作。

手机上阅读

本文由 giao创作, 采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
原文地址:《JS代码规范》

 最后一次更新于2018-09-27

0 条评论

添加新评论

Markdown is supported.