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