JavaScript 在HTML文件中的放置位置
时间:2019-08-20 13:50:43 来源:igfitidea点击:
可以灵活地将JavaScript代码包含在HTML文档的任何位置。
但一般放在 <head>...</head>和 <body>...</body>之间。(可以同时在两个地方放)
当多个web页面使用相同的js代码时,可以把js代码放在一个文件中,然后通过 src指定这个文件。
JS代码放在<head>标签示例
<html>
<head>
<script type = "text/javascript">
function sayHello() {
alert("Hello World")
}
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>
JS代码放在<body>标签示例
<html>
<head>
</head>
<body>
<script type = "text/javascript">
console.log("Hello World")
</script>
<p>This is web page body </p>
</body>
</html>
通过引用外部文件插入js代码
<html>
<head>
<script type = "text/javascript" src = "filename.js" ></script>
</head>
<body>
.......
</body>
</html>
filename.js
function sayHello() {
alert("Hello World")
}

