第02章 在 HTML 中使用 JavaScript

2.1
  • 引用外部脚本

  • 引用域外脚本,但是要注意安全:

2.1.1 标签位置

按照惯例,脚本都应该放在 元素中




Example HTML Page









元素中引入外部脚本,必须要等脚本全部解析完成后才会解析页面其他内容,这样会导致页面出现卡顿和显示空白。为了避免这个问题,可以将脚本放在的底部。




Example HTML Page










2.1.2 延迟脚本

使用 defer 属性后,脚本就会延迟到整个页面加载完毕后再执行。




Example HTML Page









正常情况下,脚本是按照在页面中出现的顺序执行的;如果使用多个延迟脚本,多个脚本执行顺序并不确定,因此一个页面中最好只有一个 defer 脚本。

2.1.3 异步脚本

浏览器在加载异步脚本的同时也会加载文档内容,因此要确保脚本与页面内容之间、异步脚本之间不存在相互依赖。




Example HTML Page





    


2.1.4 在 XHTML 中的用法

HTML5 已经成熟,该小节可以跳过

2.1.5 不推荐使用的语法

浏览器已经成熟,该小节可以跳过

2.2 嵌入代码与外部文件

尽可能使用外部脚本,使用外部脚本有更多地优点

2.3 文档模式

不同的文档模式下,浏览器有不同的解析行为。下面是几种文档模式。现在一般都使用 HTML 5 模式























2.4

如果浏览器不支持 Javascript ,将显示一条消息;如果浏览器支持,则什么也不做




    Example HTML Page
    
    


    


你可能感兴趣的:(第02章 在 HTML 中使用 JavaScript)