星空网 > 软件开发 > Java

第二章:在HTML中使用JavaScript

1:在使用<script>嵌入JavaScript代码死,记住不要在代码中的任何地方出现"</script>"字符串

例如,浏览器在加载下面所示代码时就会产生一个错误

<script type="text/javascript">  function sayScript(){  alert("<script/>");  }</script>

 

2:带有src属性的<script>元素不应该在其<script></script>标签之间再包含额外的JavaScript代码。如果包含了嵌入的代码,则只会下载并执行脚本文件,嵌入的代码会被忽略。

 

3:<script>和<img>类似,src属性可以引用来自外部域的文件。但是这样存在危险,需要小心谨慎使用。

 

4:延迟脚本 defer

<script type="text/javascript" defer="defer" src='/images/loading.gif' data-original="example.js"></script>

只适用外部引用的文件

脚本会被延迟到整个页面都解析完毕后再运行,相当于告诉浏览器立即下载,但延迟执行。

现实当中,延迟脚本并不一定会按照顺序执行,也不一定会在DOMContentLoaded事件触发前执行,因此最好只包含一个延迟脚本。

 

5:异步脚本 async

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>联系</title>  <script type="text/javascript" async="async" src='/images/loading.gif' data-original="example1.js"></script>
  <script type="text/javascript" async="async" src='/images/loading.gif' data-original="example2.js"></script> </head><body>  </body></html>

与defer类似

只适用外部引用的文件

脚本会被延迟到整个页面都解析完毕后再运行,相当于告诉浏览器立即下载,但延迟执行。

与defer不同的是标记为async的脚本并不保证按照指定他们的顺序先后执行,因此,确保两者之间不依赖非常重要

 

6:外部文件 之于 嵌入代码的优点

*可维护性好

*可缓存

*适应未来:无需使用XHTML、hack技术




原标题:第二章:在HTML中使用JavaScript

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

深圳跨境电商培训:https://www.goluckyvip.com/tag/40986.html
深圳跨境电商培训班:https://www.goluckyvip.com/tag/40987.html
深圳跨境电商培训机构:https://www.goluckyvip.com/tag/40989.html
深圳跨境电商协会:https://www.goluckyvip.com/tag/40991.html
深圳跨境电商展:https://www.goluckyvip.com/tag/40992.html
深圳利朗达集团:https://www.goluckyvip.com/tag/40997.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流