在HTML中使用JavaScript
<script>元素
向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。这个元素有Netscape创造并在Netscape Navigator 2 中首先实现。后台,在这个元素被加入到正式的HTML规范中。HTML4.01为<script>定义了下列6个属性。
async:可选。表示应该立刻下载脚本,单不应妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。
charset:可选表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。
defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。
src:可选。表示包含要执行代码的外部文件。
type:可选。可以看成language的代替属性;表示编写代码使用的脚本语言的内容类型(也称为MIME类型)。虽然text/javascript和text/ecmascript都已经不被推荐使用,单人们一直以来使用的都是text/javascript。实际上服务器在传送JavaScript文件时使用的MIME类型通常是application/x-javascript,但是type中设置这个值却可能导致脚本呗忽略。考虑到约定俗和最大限度的浏览器兼容性,目前type属性的值依旧还是text/javascript。如果没使用这个属性默认值仍然为text/javascript。
<script type="text/javascript">
function sayHi() {
console.log("<script>")
}
</script>
<script type="text/javascript" src="example"></script>
标签的位置
按照惯例,所有的<script>元素都应该放在页面的<head>元素中,例如:
<!DOCTYPE html>
<html>
<head>
<title>Demo</title>
<script src="eaxmple.js"></script>
</head>
<body>
<!-- 这里放内容 -->
</body>
</html>