在HTML中使用JavaScription

元素

  • async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资源或
  • 等待加载其他脚本。只对外部脚本文件有效。
  • charset:可选。表示通过 src 属性指定的代码的字符集。由于大多数浏览器会忽略它的值,
  • 因此这个属性很少有人用。
  • defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有
  • 效。IE7 及更早版本对嵌入脚本也支持这个属性。
  • language:已废弃。原来用于表示编写代码使用的脚本语言(如 JavaScript、JavaScript1.2
  • 或 VBScript)。大多数浏览器会忽略这个属性,因此也没有必要再用了。 src:可选。表示包含要执行代码的外部文件。 type:可选。可以看成是 language 的替代属性;表示编写代码使用的脚本语言的内容类型(也
  • 称为 MIME 类型)。虽然 text/javascript 和 text/ecmascript 都已经不被推荐使用,
  • 但人 们一直以来使用的都还是 text/javascript。实际上,服务器在传送 JavaScript 文件时使用的
  • MIME 类型通常是 application/x–javascript,但在 type 中设置这个值却可能导致脚本被
  • 忽略。另外,在非IE浏览器中还可以使用以下值:application/javascript和application/

的嵌入代码方式

元素内部放入

<script type="text/javascript"> 
function sayHi(){
alert("Hi!");
}
</script>
  • 当浏览器遇到字符串时会发生解析错误可以通过如下方法解决:通过转义字符“/”解决
<script type="text/javascript"> 
function sayScript(){
alert("<\/script>");
}
</script>

元素包含外部Javascription文件,需要一个指向外部javascription的文件

<script type="text/javascript" src="example.js"></script>
  • 但是,不能在 HTML 文档使用这种语法。原因是这种语法不符合 HTML 规范,而且也得不到某些 浏览器(尤其是 IE)的正确解析

标签的位置

通常将javascription放到元素中

<!DOCTYPE html> 
<html>
<head>
<title>Example HTML Page</title>
</head>
<body>
<!-- 这里放内容 -->
<script type="text/javascript" s src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>

​*因为在解析包含的 JavaScript 代码之前,页面的内容将完全呈现在浏览器中。而用户也会因为浏​​*

​览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。​

延迟脚本

defer属性:明脚本在执行时不会影响页

面的构造。也就是说,脚本会被延迟到整个页面都解析完毕后再运行。因此,在