在HTML中使用JavaScript
2017-03-08 本文已影响0人
JayDragon
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>
