第二章 在HTML里面使用JS

本章内容

1. 使用

   备注

   • 在使用script内联到HTML里面的时候，请不要在代码中的任何地方出现""等字符串，因为这样浏览器会报出一个错误。
   • 如果非要使用请在前面加上转移符号\这样就变成了/script这样就不会报出错误
   • 在HTML中使用script请一定要前后都要有闭口。不能前面有script,而后面没有script这样做他不会运行的

   ---

   （i）标签的位置

   按照惯例标签的位置都应该放在页面的元素中，比如

   
       
       
       
       
       
       
       
       
       
       
       
   
   
   [里面写内容]()
   
   

   • 这种做法的目的就是把所有的外部文件(包括CSS文件和JS文件)的引用都放在相同的地方.
   • 可是在文档的元素中包含所有的JS文件，一位置必须要等到全部的JS代码都被下载,解析和执行完成后,才开始呈现.
   • 对于需要很多JS代码的页面来说。无疑会导致浏览器在呈现页面的延迟，而延迟期间的浏览器窗口将会一片空白.为了避免这样的情况，一般吧JS引用放在元素页面内容的后面.

   ---

   (ii)延迟脚本

   • HTML标签中定义了defer属性,这个属性的用途是表明脚本在执行的时候不会影响页面的构造.
   • 也就是说脚本会被延迟到整个页面都解析完毕后在运行。因此在

   (iii)异步脚本

   • HTML5为
   • 在上面的代码中第二个脚本可能会在第一个脚本文件之前执行的，所以确保2个互不依赖十分重要，比如jquery类库,async属性的目的是不让页面等待两个脚本的下载和执行。从而异步加载页面其他内容.为此，建议异步脚本不要再加载期间修改DOM
   • 异步脚本一定会在load事件前执行。

   ---

   (iv)在XHTML中的用法

   • 在HTML中有特殊的规则可以确定元素中哪些内容可以被解析,但是这些特殊的规则在XHTML中不适用.
   • 在这里比如a < b中的小于号(<)在XHTML中会被当做开始一个新的标签来解析，小于号后面不能跟空格，因此会导致语法错误.
   • 避免XHTML中出现语法的错误有2个，第一个用相应的HTML实体(<)来替代<号,这样是不会报错但是难以理解
   • 第二个方法是保证让相同的代码在HTML中正常运行的第二个方法.就是用一个CData片段来包含JS代码.
   • 譬如

   ---

   (2)嵌入代码与外部文件

   在HTML代码中嵌入JS代码虽然没有问题，但是最好使用外语引入。

   • 可维护性:遍及不同HTML页面的JS会造成维护问题，但是吧所有的JS文件都放到一个文件里面，维护起来就会宽松多了。这样便于集中管理
   • 可缓存:浏览器能够依据具体的设置缓存链接所有的外部JS文件。也就是说如果有2个页面都使用同一个文件。那么这个文件只需下载一次。因此最终效果就是加快页面加载的速度
   • 适应未来:通过外部文件来包含JS无需使用前面提到的XHTML,HTML和XHTML包含的外部文件的语法是相同的。

   (3)文档模式

   • 混杂模式
     要是不区分的话。混杂模式会让IE的行为与IE5相同所以个人不建议使用
   • 标准模式
     标准模式让IE的行为更接近标准行为。
   1. 过渡型

   
   

   2. 严格型

   
   
   
   

   3. HTML5

   (4)

   包含在

   1. 浏览器不支持脚本
   2. 浏览器支持脚本但是脚本被禁用
      符合上面任何一个条件，浏览器都睡显示

   第二章小结

   • 在包含外部JS文件时，必须将SRC属性设置为指向相应文件的URL，而这个文件既可以是同域文件，也可以是跨域文件.
   • 所有