Javascript代码应写在哪里?

JavaScript 代码可以灵活的放在HTML文档的任何位置。Javascript 代码可以嵌入到下列位置:

  • 页面头部的'head' 标签之间。
  • 页面体的'body' 标签之间。
  • 作为外部 .js扩展名文件引用。

Javascript 放在'head' 标签之间

<html>
<head>
<script>
alert("JavaScript run from HTML Head tag");
</script>
</head>
<body>
Your html content here </body>
</html>

html head的任何东西在body加载之前都需要完成,因此有时将javascript放在这里不太好。如果你需要在body正在加载时使用,或者想快速完成ajax操作,就把它们放在head里面 .

将Javascript 放在'body' 标签里面

JavaScript 程序可以使用< script > < /script >标签放在 html 的 body里面

<html>
<head>
</head>
<body>
<script>
alert("JavaScript run from HTML Body tag");
</script>
</body>
</html>

JavaScript 作为外部脚本文件引用

JavaScript 代码既可以放在 HTML 文件中 (如上面的例子)或者放在一个扩展名未.js的脚本文件里面。外部的 JavaScript 文件扩展名必须是 .js 。 建议将全部的 JavaScript 文件放在一个单独的文件里面。这样可以提高网页的速度。当JavaScript在外部文件内时,将脚本文件的名称写在<script>元素的source(src)属性里面。

<script src="sriptfile.js">....</script>

例如

scriptfile.js脚本文件的内容

function message(){
alert("Run from script file!!");
}

html 文件内容

<html>
<head>
<script type="text/javascript" src="scriptfile.js"></script>
</head>
<body>
<p>Run JavaScript from script file</p>
<form>
<input type="button" value="click" onclick="message()"/>
</form>
</body>
</html>

使用外部Javascript 文件 的最大好处是代码的复用。如果需要在很多的页面里面使用同样的脚本,就可以利用外部脚本文件,这样更新的时候可以集中在一个地方修改。

现在建议将 javascript 放在底部,并不是因为看起来加载会快,而是因为javascript解析和执行不会停止浏览器做其他的事情。。

原文链接