Javascript 高级程序设计（第3版）

2017-05-10

在 html 中使用 js

把js代码写在 <script type="text/javascript"></script> 这样的标签即可。 type="text/javascript" 可以不写，要写就要写对。
在 html 中使用 js 弹出 1

  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <body>
    <script>
      alert(1);
    </script>
  </body>
  </html>

在 script 标签中使用 </script> 时会发生错误，因为浏览器会把他认为是结束标签。需要转义一下 </script>。

  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <body>
    <script>
      alert('</script>'); // alert('</script>')
    </script>
  </body>
  </html>

使用外部的 js 文件

使用 src 属性值添加 js 文件： <script src="name.js"></script> 。

当浏览器解析外面的 js 文件时，会暂停对当前页面的解析。
使用外部 js 文件时，标签内不能再写 js 代码。
只要没有 defer 和 async 属性，浏览器默认从上到下解析每个 script 标签。

js文件的使用位置

一般都是放在 head 标签中。但推荐放在 body 的最下面，避免加载 js 文件时页面没有解析导致页面空白。

不解析任意格式的文本

在 CData 中的内容不会被解析。

  <script type="text/javascript">
  //<![CDATA[
    alert(1)
  //]]>
  </script>

建议把以外部文件使用 js

这样做有一些好处：

方便维护
可以被浏览器缓存，只下载一次