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") }