一、JavaScript的由来
JavaScript起初是网景公司为了提升用户提交表单验证的速度,从而开发的一款客户端脚本语言。一位名叫Brendan Eich的工程师,仅用十天开发,和SUN公司一同发布,还顺便蹭了一下JAVA的热度。
二、完整的JavaScript
- 核心(ECMAScript):由ECMA-262定义并提供核心功能
- 文档对象模型(DOM):提供宇网页内容交互的方法和接口
- 浏览器对象模型(BOM):提供于浏览器交互的方法和接口
三、HTML中的JavaScript
将JavaScript插入HTML的主要方法是使用<srcirpy>
标签。<script>元素下有8个属性。
- async:表示应该立即开始下载脚本,但不能阻止其他页面动作,比如下载资源或等待其他脚本加载。只对外部脚本文件有效。
- charset:使用src属性指定的代码字符集。
- crossorigin:配置相关请求的CORS设置。默认不使用CORS。
- defer:表示脚本可以延迟到文档完全被解析和显示之后在执行。只对外部脚本文件有效。
- integrity:允许比对接收到的资源签名与这个属性指定的签名不匹配,则页面会报错,脚本不会执行。
- language:废弃。
- src:表示包含要执行的代码的外部文件。
- type:代替language,表示代码块中脚本语言的内容类型。
标签位置
为了加快页面加载,将<script>
放置</body>
标签前面,这样,页面会在处理JavaScript代码之前完全渲染页面。
小结:
- 要包含外部JavaScript文件,必须将src属性设置为要包含文件的URl.
- 所有<script>元素会依照它们在网页中出现的次序被解释。
- 对不推迟执行的脚本,浏览器必须解释完位于<script>元素中的代码,然后才能继续渲染页面的剩余部分。
- 可以使用defer属性把脚本推迟到文档渲染完毕后再执行。
- 可以使用<noscript>元素,可以指定在浏览器不支持脚本时显示的内容。