第2章 在HTML中使用JavaScript
2.1 P10 <script>元素
<script>元素用来向HTML中插入JavaScript。它有以下5个常用属性：
1、type（类型）：可选，表示编写代码使用的脚本语言的内容类型（也成为MIME类型），默认值和常规值都为text/javascript ，因此可以不写；
2、src（源）：可选，表示包含要执行代码的外部文件地址；
3、async：可选，表示立即下载脚本，但不妨碍页面中的其他操作，只对外部脚本文件有效，在HTML中为布尔属性不用填值，但在XHTML中要写为async=“async”
4、defer：可选，表示脚本可以立即下载，但延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效，值：defer
5、charset：可选，表示通过src属性制定的代码的字符集，较少用。
两种方法嵌入JavaScript。
方法一：嵌入式
直接在文档里加入JavaScript代码，由于浏览器会自上而下读取并执行代码，所以一般放在<body>元素的最底部（</body>关闭标签前）。
如：
<body>
...
<script>
...
</script>
</body>
当然也可以放在<body>元素的任意其余位置，但是需要在JavaScript代码第一行加入window.onload(){},告诉浏览器在页面加载完后再执行JavaScript代码。
如：
<body>
<script>
window.onload(){
...}
</script>
...
</body>
注意：代码中的任何地方都不能出现字符串“</script>”,浏览器会误认为是结束标签。不过可以通过加一个"\"转义字符，“<\/script>”。
方法二：外部引入式
通过src属性引入外部JavaScript文件，放在<head>标签里或者</body>标签前（推荐），浏览器在解析时也会停止页面的处理。
如：
<script type="text/javascript" src="example.js"></script>
开始和结束标签中间不能再嵌入JS代码，而外部文件中不需要写开始和结束标签。
2.1.2 Page 13 延迟脚本
<script type="text/javascript" src="example.js" defer="defer" ></script>
告诉浏览器立即下载，但延迟执行脚本。defer属性只适用于外部脚本文件，且最好只包含一个延迟脚本，最佳选择仍是把延迟脚本放在页面底部。
2.1.3 Page 13 异步脚本
<script type="text/javascript" src="example.js"
async
></script>
同样只适用于外部脚本，但一般用于文档有几个外部脚本文件时，告诉浏览器同时加载文档以及脚本文件，但是，两个脚本文件下载和执行顺序无法确定。
2.4 Page 18 <noscript>元素
使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代内容，其中可以填入出现在 <body>中的除<script>外的任意元素。
如：
<noscript>
<p>本页面需要浏览器支持（启用）JavaScript。</p>
</noscript>
转载请注明原文地址: https://www.6miu.com/read-37773.html
