js打怪升级之路-(2) 在HTML中使用JavaScript

1、前言

接着上一节讲的js三大组成（ECMAScript，DOM，BOM），了解完组成，该知道它的基本使用方法。好了，美好的一天从总结开始。

image

2、使用< script >元素

在html页面有两种方法，外部引入或 内部嵌入。

外部引入

使用 src属性 引入外部域的JavaScript文件。

内部嵌入

3、嵌入代码与外部文件

在THML这嵌入js代码虽然没有问题，但一般认为最好的做法是尽可能使用外部文件来包含js代码。优点如下：

• 可维护性。
• 可缓存。
• 适应未来。

4、< script >元素属性

< script >元素定义了6中属性：

• async：可选。表示应该立即下载脚本，但不妨碍页面中的其他操作，比如下载其它资源或等待加载其它脚本。只对外部脚本文件有效。并不保证按照指定它们的先后顺序执行。

  例：

  上述代码中，第二个脚本可能会在第一个脚本文件之前执行。因此，确保两者之间不相互依赖非常重要。指定async属性的目的是不然页面等待两个脚本的下载和执行。从而异步加载页面其他内容，为此，建议 异步脚本不要在加载期间修改DOM。

  异步脚本一定会在load事件之前执行，但可能会在DOMContentLoaded事件触发之前或者之后执行。

• charset：可选。表示src属性指定的代码的字符集。大多浏览器会忽略它。因此该属性很少使用。

• defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。

• language：已废弃。不解释。

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

• type：可选。表示编写代码使用的脚本语言的内容类型。也称MIME类型。默认值为 text/javascript。

下面划重点了 ，能看到这里我也是服你。毕竟我都快写吐了~~

image

5、注意点：

• 包含在< script >元素内部的JavaScript代码的执行顺序是从上到下依次解释。

• 使用< script >元素嵌入JavaScript代码时不要在任何地方出现""字符串。当浏览器遇到字符串""时，会认为那是字符串""标签。而通过转义字符""解决这个问题。

• 不能再html文档使用这种语法。原因是这种语法不符合html规范，而得不到某些浏览器的正确解析（尤其是IE）。

6、小尾巴

鸡汤还得喝啊~

不去耕耘，不去播种，再肥的沃土也长不出庄稼，不去奋斗，不去创造，再美的青春也结不出硕果。再好的种子，不播种下去，也结不出丰硕的果实。

image