JavaScrip红宝书第二章

JavaScript第二章

<script>元素

• 向页面插入JavaScript的主要方法有六个属性

   async：可选。表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或 等待加载其他脚本。只对外部脚本文件有效。

   charset：可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值， 因此这个属性很少有人用。

   defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有 效。IE7及更早版本对嵌入脚本也支持这个属性。

   language：已废弃。原来用于表示编写代码使用的脚本语言（如 JavaScript、JavaScript1.2 或 VBScript）。大多数浏览器会忽略这个属性，因此也没有必要再用了。

   src：可选。表示包含要执行代码的外部文件。

   type：可选。可以看成是 language 的替代属性；表示编写代码使用的脚本语言的内容类型（也 称为 MIME类型）

• 两种使用<JavaScript>元素的方式

  在解析外部 JavaScript文件（包括下载该文件）时，页面的处理也会暂时停止

  使用<script>元素嵌入 JavaScript代码时，只须为<script>指定 type 属性。样把 JavaScript代码直接放在元素内部

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

  用嵌入 JavaScript代码时，记住不要在代码中的任何地方出现"“字符串。
  function sayScript(){ alert(”"); }
  通过转义字符“/”可以解决这个问题，
  function sayScript(){ alert("</script>"); }

• 2.外部文件

  要通过<script>元素来包含外部 JavaScript 文件，那么 src 属性就是必需的。这个属性的值 是一个指向外部 JavaScript文件的链接，例如：

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

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

• src还可以指向其他域

  <script type="text/javascript" src="http://www.somewhere.com/afile.js"></script>

• 的位置一般放在页面的尾部，因为在加载JavaScript的时候HTML页面的载入会暂停，放在首部的话用户的体验会不好。

• 延迟脚本

  defer属性 设置为defer=“defer"

  设置这个属性后，JavaScript会在遇到</html>后再执性，先后顺序决定与代码先后。事实上却不会，所以最好一个延迟脚本。

• 异步脚本

  • async 只适用于外部脚本文件，告诉浏览器立即下载文件。但与 defer 不同的是，标记为 async 的脚本并不保证按照指定它们的先后顺序执行。

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

    </script>

• 在XHTML与HTML不同的地方：’<‘在XHTML中表示小于而在XHTML中则是标签解决方法有：

  • 用HTML的相应的实体代换

  • 用CData来包含JavaScript代码< ! [CData[…JavaScript代码] ] >

  • 在不兼容XHTML中可以注释掉CData //<![CData[… 代码 //]]>

• 使用外部文件的优点

  • 方便维护

  • 可缓存

  • 前景好，适应与XHTML和HTML

• 混杂模式

• 标准模式。。。。不知道这里说的这两个什么意思，难道只是一个开头

• <noscript>元素：用在不支持JavaScript的浏览器显示代替的内容。

  • 浏览器不支持脚本。

  • 浏览器支持，但脚本被禁用。

- 小结

这一章主要讲了一哈JavaScript的几个基本属性，和不同的用法。语法部分还行，但在那个模式和概念没有理解太深，先记下来，以后慢慢看也许就会了。