JavaScript介绍

一、JavaScript的由来

JavaScript起初是网景公司为了提升用户提交表单验证的速度,从而开发的一款客户端脚本语言。一位名叫Brendan Eich的工程师,仅用十天开发,和SUN公司一同发布,还顺便蹭了一下JAVA的热度。

二、完整的JavaScript

  1. 核心(ECMAScript):由ECMA-262定义并提供核心功能
  2. 文档对象模型(DOM):提供宇网页内容交互的方法和接口
  3. 浏览器对象模型(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>元素,可以指定在浏览器不支持脚本时显示的内容。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容