html中使用JavaScript
javascript在html中主要使用方法是<script>元素,有6个属性:
| async | charset | defer | language | src | type |
|---|---|---|---|---|---|
| 可选 | 可选(少) | 可选 | 废用 | 可选 | 可选 |
| 立即下载脚本,不妨碍页面其它操作 | 指定代码字符集 | 延迟文档完全被解析和显示之后执行外部脚本有效 | 执行代码的外部文件 | 脚本语言内容类型 |
两种使用方式:直接页面嵌入js代码 和引入包含外部js文件
而包含元素内部的js则是从上往下依次解析,但在使用<script>嵌入js代码时,不要在任何地方出现<script>字符串,会报错,使用转义字符“/”可以解决。
引入外部js文件使用src引入,但不能在其<script>下写格外的js代码,还有一点就是引入的先后顺序,则点尤为重要。引入的位置则是在body中,这样在解析js代码之前,页面的内容将完全展现在浏览器中,从而感到打开页面速度变快了。
如果想要延迟脚本,需要加defer属性也就是defer="defer",但defer只适用于外部js文件. 还有一个和他相同行为的属性async异步脚本但不同的是async的脚本并不保证按照指定它们的先后顺序执行,而是不让页面等待两个脚本下载和执行,来达到异步加载页面其它内容。
一般来说推荐使用外部引入文件:
可维护性 可缓存