2、在HTML中使用JavaScript

做者:汪娇娇html

时间:2017年11月4日浏览器

1、<script>标签

一、标签的位置

</body>以前缓存

二、延迟脚本

defer服务器

三、异步脚本

async异步

四、defer 和async 的区别

defer属性可让脚本在文档彻底呈现以后再执行,延迟脚本老是按照指定它们的顺序执行。async

saync属性能够表示当前脚本没必要等待其余脚本,也没必要阻塞文档呈现,不过不能保证异步脚本按照它们在页面中出现的顺序执行。spa

 

2、嵌入代码与外部文件

外部文件的好处:htm

可维护、可缓存、适应将来ip

 

3、文档模式

h5:<!DOCTYPE html>文档

 

4、<noscript>元素

使用<noscript>元素能够指定在不支持脚本的浏览器中显示的替代内容。

 

5、小结

把 Javascript插入到HTML页面中要使用<script>元素。使用这个元素能够把 Javascript嵌入到HTML页面中,让脚本与标记混合在一块儿;也能够包含外部的 Javascript文件。而咱们须要注意的地方有:

一、在包含外部 Javascript文件时,必须将src属性设置为指向相应文件的URL。而这个文件既能够是与包含它的页面位于同一个服务器上的文件,也能够是其余任何域中的文件。

二、全部<script>元素都会按照它们在页面中出现的前后顺序依次被解析。在不使用 defer和 async属性的状况下,只有在解析完前面<script>元素中的代码以后,才会开始解析后面<script>元素中的代码。

三、因为浏览器会先解析完不使用 defer属性的<script>元素中的代码,而后再解析后面的内容,因此通常应该把<script>元素放在页面最后,即主要内容后面,</body>标签前面

四、使用defer属性可让脚本在文文档彻底全是现以后再执行,延迟脚本老是按照指定它们的顺序执行。

五、使用async属性能够表示当前脚本没必要等待其余脚本,也没必要阻塞文档呈现。不能保证异步脚本按照它们在页面中出现的顺序执行。

另外,使用<noscript>元素能够指定在不支持脚本的浏览器中显示的替代内容。但在启用了脚本的状况下,浏览器不会显示<noscript>元素中的任何内容。

相关文章
相关标签/搜索