2021/09/28 scripts

时间:2022-05-27 23:31:34   收藏:0   阅读:567

6.0  scripts标签

  1) 内嵌的 JavaScript 代码

  <script type="text/javascript">

    document.write("I love FishC.com!")

   </script>

  2) 通过 src 属性引用来自外部代码文件

  <script type="text/javascript" src="hi.js"></script>

6.0.1  scripts标签的--defer 属性

  想要延迟执行外部代码文件(js文件),只要在 script 中指定 defer 属性,浏览器就会忽略这个代码,等到 HTML 全部解析完成再执行js文件。

  <script type="text/javascript" src="patch.js" defer></script>

  defer 属性只能用于外部代码文件,它对文档内嵌代码根本不起作用。

6.0.2  scripts标签的--async 属性 

  加载外部代码会浪费一些时间,有时候这些外部代码的加载时间根本不可控,async属性用于告诉 HTML 解析器在遇到被异步执行的 <script> 标签时不需要停下来,HTML 文档的解析和代码的获取是同时进行的。

  <script src="demo_async.js" async></script>

  对于不依赖于其他文件或本身没有任何依赖关系的代码文件,async 属性将会非常有用。但是使用 async 属性会导致多个代码的执行次序不可控(反正谁先加载完成,谁就先被执行),因此如果代码中使用了其他代码定义的函数或值,async 属性就不适用了。

  async 属性只能用于外部代码文件,它对文档内嵌代码根本不起作用。

6.3  noscript标签

  <noscript> 标签用来向不支持 JavaScript 的浏览器显示一些替代内容。

  <noscript>

    <p>抱歉,这个浏览器不支持 JavaScript!</p>

  </noscript>

 

原文:https://www.cnblogs.com/heini-wei/p/15345010.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!