JavaScript学习笔记-第一章

来源:互联网 时间:2017-01-22

在HTML中使用JavaScript

在html中使用js有两种方式,第一种是直接在页面中嵌入Js代码,例如:

<script> function fnShowInfo(){ alert("Hi"); }</script>

值得注意的是在<script>中的代码会被从上到下解释,并且在解释器对
标签内所有代码求值完毕之前,页面中其余的内容都不会被浏览器加载
或者显示,这就对页面形成开了阻塞。
而第二种方法是用<script>来包含外部的JavaScript文件,那么就一定要
使用到script标签中的src属性,src属性的值可以是当前服务器中的文件,也
可以是其他域中的文件,与第一种方法相同的是在解析外部js文件的时候,同
样会阻塞页面的加载。
综上我们就可以看到,两种方式都会阻塞页面加载,会导致浏览器呈现页
面时出现明显的延迟,而为了避免这种问题,一般建议将JavaScript应用放在
</body>标签的前面。

延迟脚本与异步脚本

在script标签中还有两个值得注意的属性分别是defer和async,两者都只适
用于外部文件,当标签设置了 defer属性后,相当于告诉浏览器延立即下载但是
迟执行该脚本文件,将延迟到 浏览器遇到</html>标签后才开始执行。而async
属性 则会告诉浏览器异步的加载文件,也就不会对页面的加载造成阻塞。

文档模式

最初的文档模式分为:混杂模式和标准模式,两种模式主要影响css内容的呈现,
某些情况也会影响js的解释执行。如果在文档开头没有发现文档类型的声明,则
所有浏览器都会默认开启混杂模式,在这种模式下如果不适用某些hack技术的话
不同的浏览器差异非常大

相关阅读:
Top