javascript的三种用法，在html中的三个位置

使用javascript从形式上来说，有两种方法，分别是从html文件外部文件引入和在html文件中嵌入。如果按javascript在html中的引入或嵌入的位置，则可以说有三种方法。

html引入js文件的方法

其中filepath为js文件与当前html文件的相对路径；

html嵌入js代码的方法

html嵌入js的代码需要被包裹在上述的两个元素标签当中；

<html>
  <head>
    <script>
    	document.getElementById('say').innerHTML = 'javascript是什么。'
    </script>
  </head>
<body>
    <p id='say'></p>

  <button class='btn btn-default' onclick="say()">say</button>
  
  <script>
  function say(){
  	document.getElementById("say").innerHTML = "在web方面，JavaScript是前端的三件套，这三件套分别是html、css和javascript！";
  	
  }
  </script>
</body>
</html>

html中引入或嵌入js的三个位置

一般情况下，引入的js文件和嵌入的js代码，会放在html的<head><head>标签内；
第二个常用的位置是</body>和</html>这两个闭合标签，一般在html文档的底部；
如果后端的计算机语言支持直接将htm文档生成页面的话，比如php，那么将引入的js文件或嵌入的js代码放在<body></body>标签内也是可以的；

就像上方中的实例代码，有兴趣的可以通过点击试一试按钮，在弹出的对话框中进行编辑，将say()函数的代码（包括<scrip></script>两个标签）剪切到</body>和</html>之间试一试，效果是一样的。

hot：热门