发布于 

html中使用JavaScript

javascript在html中主要使用方法是<script>元素,有6个属性:

asynccharsetdeferlanguagesrctype
可选可选(少)可选废用可选可选
立即下载脚本,不妨碍页面其它操作指定代码字符集延迟文档完全被解析和显示之后执行外部脚本有效执行代码的外部文件脚本语言内容类型

两种使用方式:直接页面嵌入js代码 和引入包含外部js文件

而包含元素内部的js则是从上往下依次解析,但在使用<script>嵌入js代码时,不要在任何地方出现<script>字符串,会报错,使用转义字符“/”可以解决。

引入外部js文件使用src引入,但不能在其<script>下写格外的js代码,还有一点就是引入的先后顺序,则点尤为重要。引入的位置则是在body中,这样在解析js代码之前,页面的内容将完全展现在浏览器中,从而感到打开页面速度变快了。

如果想要延迟脚本,需要加defer属性也就是defer="defer",但defer只适用于外部js文件. 还有一个和他相同行为的属性async异步脚本但不同的是async的脚本并不保证按照指定它们的先后顺序执行,而是不让页面等待两个脚本下载和执行,来达到异步加载页面其它内容。

一般来说推荐使用外部引入文件:

可维护性 可缓存


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。