当前位置:首页> 正文
Dreamweaver载入js(javascript)脚本的技巧
Dreamweaver载入js(javascript)脚本的技巧
页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。
位于 head 部分的脚本:
当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。
<html>
<head>
<script type="text/javascript">
....
</script>
</head>
....
位于 body 部分的脚本:
在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后,它就会生成页面的内容。
<html>
<head>
</head>
<body>
<script type="text/javascript">
....
</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="xxx.js">....</script>
</head>
<body>
</body>
</html>
展开全文阅读
相关内容
-
Dreamweaver CC教程:调整“文档”窗口
Dreamweaver CC教程:调整“文档”窗口的大小,调整,...
-
dreamweaver用JS调用图片、广告脚本代码技巧
dreamweaver用JS调用图片、广告脚本代码技巧,脚本,调用,代码...
-
Dreamweaver CC教程:“文档”窗口概述
Dreamweaver CC教程:“文档”窗口概述,文档,窗口,实...
-
Dreamweaver CC新功能:发生崩溃后自动恢复文件
Dreamweaver CC新功能:发生崩溃后自动恢复文件,恢复文件,崩溃,...
-
Dreamweaver CC教程:放置或重新排列文档窗口
Dreamweaver CC教程:放置或重新排列文档窗口,排列,窗口,放置,...
-
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac
Dreamweaver CC教程:显示选项卡式文档|仅在 Mac 上,选项,文档,...
-
Dreamweaver CC教程:“文件”面板概述
Dreamweaver CC教程:“文件”面板概述,文件,教程,执...
-
将Word 文档复制到Dreamweaver的方法
将Word 文档复制到Dreamweaver的方法,复制,文档,粘贴,文本,方...
-
Dreamweaver教程:文件命名及修改默认扩展名
Dreamweaver教程:文件命名及修改默认扩展名,命名,扩展名,修改...
-
Dreamweaver教程:创建javascript脚本链接
Dreamweaver教程:创建javascript脚本链接,链接,脚本,教程,图...
-
Dreamweaver教程:使用“仅对该文档的CSS”
Dreamweaver教程:使用“仅对该文档的CSS”,文档,教程,链接,文...
-
Dreamweaver中使用脚本JS标记script详解
Dreamweaver中使用脚本JS标记script详解,脚本,标签,用于,属性...
-
Dreamweaver CC新功能:“文件”面板更
Dreamweaver CC新功能:“文件”面板更改,文件,新功...
-
Dreamweaver CC新功能:上下文相关 CSS 文档
Dreamweaver CC新功能:上下文相关 CSS 文档,文档,上下文,新功...
-
Dreamweaver CC新功能:快速编辑相关代码文件
Dreamweaver CC新功能:快速编辑相关代码文件,快速,新功能,文件...