当前位置：软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JavaScript代码放置位置

JavaScript代码放置位置

2012/11/27 17:53:49作者：佚名来源：网络

移动端

一、JavaScript代码放置位置

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

二、位于head部分的脚本

当脚本被调用时，或者当事件被触发时，脚本就会被执行。当把脚本放置到head部分后。就可以确保在需要使用脚本之前，它已经被载入了。把样式表放到文档的<head>内部会加快页面的下载速度。这是因为把样式表放到<head/>内会使页面有步骤的加载显示。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
···
</script>
</head>
···

三、位于body部分的脚本

在页面载入时脚本就会被执行。当把脚本放置于body部分后，它就会生成页面的内容。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<script type="text/javascript">
···
</script>
</body>
</head>
···

四、使用外部JavaScript

如果打算在多个页面中使用同一个脚本，则最好将其放置在一个外部JavaScript文件中。在实际应用中使用外部文件可以提高页面速度，因为JavaScript文件都能在浏览器中产生缓存。内置在HTML文档中的．JavaScript则会在每次请求中随HTML文档重新下载。这增加了HTML文档的大小。

<head>
<script src="xxx.js">···</script>
</head>
<body>
</body>
</head>

标签： JavaScript 代码放置位置

上一篇：如何设置qq自动回复语
下一篇：mdb是什么文件，怎么打开？

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法