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的脚本并不保证按照指定它们的先后顺序执行,而是不让页面等待两个脚本下载和执行,来达到异步加载页面其它内容。
一般来说推荐使用外部引入文件:
可维护性 可缓存