公告:本站提供编程开发方面的技术交流与分享,打造最佳教程网,希望能为您排忧解难!

JS教程JavaScript基础: 将JavaScript放在哪里

JavaScript基础: 将JavaScript放在哪里

更新时间:2013-05-27 20:29:08 |

JavaScript放在哪里

网页中的脚本会在页面载入浏览器后立即执行,但我们并不总希望这样。有时,我们希望页面载入时就执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。

在 head 中的脚本:

在脚本被调用、或事件被触发时,脚本就会被执行。把脚本放置到 head 部分,可以确保在需要使用脚本之前,它已经被载入了。

<html> <head><script type="text/javascript"> .... </script></head> ....


在 body 中的脚本:

在页面载入时脚本就会被执行。

<html> <head> </head> <body><script type="text/javascript"> document.write("Welcome towww.goodxyx.com!"); </script></body> </html>


在 body 和 head 部分的脚本:

你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。

<html> <head><script type="text/javascript"> .... </script></head> <body><script type="text/javascript"> .... </script></body> </html>

使用外部 JavaScript

有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。

为了达到这个目的,你可将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。

注意:外部文件不能包含 <script> 标签。

然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:

<html> <head><script src="http://www.goodxyx.com/demo.js">....</script></head> <body> </body> </html>

外部文件demo.js例子:

window.onload = function(){ document.getElementsByTagName('body')[0].innerHTML ="Welcome towww.goodxyx.com!" +"This ia an example for js file"; }

提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护

最佳教程网

最大的技术交流平台 www.goodxyx.com© CopyRight 2011-2013, All Rights Reserved

浙ICP备11033019号