1.<script>元素
向HTML页面中插入JavaScript的主要方法,就是使用<script>元素。
使用<script>元素的方式有两种:
①直接在页面嵌入JavaScript代码
②包含外部JavaScript文件
在使用第一种方式时,只须为<script>指定type属性。像下面这样:
<script type="text/javascript">
function sayHi() {
alert("Hi");
}
</script>
如果要使用第二种方式,那么src属性就是必须的。这个属性的值是一个指向外部JavaScript文件的链接,例如:
<script type="text/javascript" src="example.js"></script>
需要注意的是,带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的JavaScript代码。
2.标签的位置
传统的做法,所有<script>元素都应该放在页面的<head>元素中,但是浏览器必须等到<head>元素中的所有JavaScript代码都被下载、解析和执行完成之后,才能开始呈现页面的内容(浏览器在遇到<body>标签时才开始呈现内容)。对于那些需要很多的JavaScript代码的页面来说,这无疑会导致浏览器在呈现页面时出现明显的延迟,而延迟期间的浏览器窗口将是一片空白。为了避免这个问题,现代Web应用程序一般都把全部的JavaScript引用放在<body>元素中页面内容的后面,如下所示:
<!DOCTYPE html>
<html>
<head>
<title>我是标题</title>
</head>
<body>
<!--这里放内容-->
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>