1、JavaScript 简介
JavaScript是一种基于客户端浏览器,基于对象、事件驱动式的脚本语言,具有跨平台性。JavaScript 是嵌入到 web 界面中的解释性语言, 也和所有脚本语言一样是动态解释执行的,不需要进行预编译。JavaScript 是一种弱类型变量语言,在使用变量前无需声明,由解释器在运行时检查其数据类型。
2、JavaScript 的运用
JavaScript的实现由两种:
1、在 HTML 中通过 <script> </script> 标签 嵌入到<body> 或<head> 部分。格式如下:
<head> <script> javaScript 代码部分 </script> </head>
2、将 JavaScript 代码提出到一个单独的 . js 文件中,通过 <script > 标签的 src 属性引用到HTML 的 <body> 或<head> 部分 中,格式如下:
<head> <script src="demo.js"> </script> </head>
3、JavaScript 的 <script>标签相关属性
<script> 标签具有如下属性:
- type 属性。指定该元素内包含的脚本语言类型,通常是 text/javascript 。
- src 属性。指定外部 js 文件的路径。
- charset 属性。指定外部脚本文件所用的字符集。只能和 src 属性一起用。常用的为 charset= "utf-8" ,以此来实现中文。
- defer 属性。指定脚本是否延迟执行。
- async 属性。指定脚本是否异步执行。
defer 属性 和 async 属性 又来提升 JavaScript 的性能。下面详细介绍一下:
defer 推迟脚本执行属性:
defer 属性 指定了推迟脚本执行。用法为:< script type="text/javascript" src="defer.js" defer > </script>
浏览器在执行时,默认按着从上到下的顺序执行,当引入的 .js 文件在 head 位置时, 如果 js 代码中存在对 body 中标签的操作,因为 js 文件先加载,所以在执行到时未找到操作的位置,于是报错。而添加了 defer 属性后,就会自动的等到所有的HTML内容加载完毕后执行 js 文件,此时 js 文件已经获得了所要操作的 HTML