`

Javascript写在页面哪个位置好

阅读更多

Javascript程序可以放在:

 

·                  HTML网页的<body></body>

 

·                  HTML网页的<head></head>

 

·                  外部.js文件里

 

 

1.Javascript<body></body>之间

 

当浏览器载入网页Body部分的时候,就执行其中的Javascript语句,执行之后输出的内容就显示在网页中。

 

<html>

<head></head>

<body>

<script type="text/javascript">

....

</script>

</body>

</html>

 

 

2.Javascript<head></head>之间

 

有时候并不需要一载入HTML就运行Javascript,而是用户点击了HTML中的某个对象,触发了一个事件,才需要调用Javascript。这时候,通常将这样的Javascript放在HTML<head></head>里。

 

<html>

<head>

<script type="text/javascript">

....

</script>

</head>

<body>

</body>

</html>

 

 

3.Javascript放在外部文件里

 

假使某个Javascript的程序被多个HTML网页使用,最好的方法,是将这个Javascript程序放到一个后缀名为.js的文本文件里。

 

这样做,可以提高Javascript的复用性,减少代码维护的负担,不必将相同的Javascript代码拷贝到多个HTML网页里,将来一旦程序有所修改,也只要修改.js文件就可以,不用再修改每个用到这个Javascript程序的HTML文件。

 

HTML里引用外部文件里的Javascript,应在Head里写一句<script src="文件名"></script>,其中src的值,就是Javascript所在文件的文件路径。示例代码如下:

 

<html>

<head>

<script src="http://www.admin5.com/html/asdocs/js_tutorials/common.js"></script>

</head>

<body>

</body>

</html>

 

演示示例里的common.js其实就是一个文本文件,内容如下:

 

function clickme()

 

{

 

alert("You clicked me!")

}

分享到:
评论

相关推荐

    javascript注册页面代码

    javascript注册页面代码(只包含用户名&密码&邮箱的验证)

    Javascript 增强页面效果第二章项目训练

    在JavaScript的世界里,增强页面效果是一项关键技能,它能让用户与网页有更丰富的交互体验。在"Javascript 增强页面效果第二章项目训练"中,我们将深入探讨如何利用JavaScript来提升网页的视觉表现和用户体验。这个...

    购物车 静态页面 含javascript

    分析这个示例可以帮助我们了解如何在实际项目中运用JavaScript来创建交互式的购物车页面,对于初学者来说,这是一个很好的实践案例。同时,对于有经验的开发者,这也提供了优化和学习新技巧的机会。通过这个静态页面...

    javascript写的windows资源管理器

    javascript写的windows资源管理器 解压运行scripting.html,在IE6.0中打开(不能单独打开view.html这是一个子页面,必须由父页面调用)即可。 本javascript程序是我自己利用业余时间做的,主要是编写javascript进一步对...

    javascript页面特效

    在这个主题“javascript页面特效”中,我们将深入探讨JavaScript如何被用来创建各种令人惊叹的页面效果。 首先,JavaScript的核心在于DOM(Document Object Model)操作。DOM是HTML和XML文档的结构化表示,通过...

    JavaScript客户端验证和页面特效制作.jar

    在"JavaScript客户端验证和页面特效制作.jar"这个资源中,我们可以推测它可能包含了一系列关于JavaScript学习的章节或教程,尤其是侧重于这两方面的内容。"chapter1"可能是系列教程的第一部分,可能涵盖了基础的...

    一个简单的带有javascript验证的注册页面

    总的来说,这个项目提供了一个学习和实践JavaScript前端验证的好机会,对于初学者来说,可以通过这个实例了解并掌握表单验证的基本原理和技术,对于有经验的开发者,可以进一步优化验证逻辑,提高用户体验,甚至结合...

    vml+javascript直接在web页面绘制动态曲线

    vml+javascript直接在web页面绘制动态曲线

    javascript页面导航特效

    例如,可以使用 JavaScript 来监听用户的滚动事件,当页面达到特定位置时,修改导航菜单的样式或行为。还可以使用 `addEventListener` 函数来处理点击事件,当用户点击导航链接时,可以使用 `pushState` 或 `...

    javascript 网上订单页面

    青鸟 javascript 04章 课后作业5 制作网上订单页面

    用javascript实现的页面下雪功能

    在JavaScript编程领域,实现页面动态效果是常见的任务之一,如模拟自然现象——让网页"下雪"。这个功能可以通过利用HTML、CSS以及JavaScript的组合来完成。在这个项目中,我们探讨的是如何用JavaScript来实现一个...

    javascript代码应当放在html代码哪个位置比较好_.docx

    JavaScript代码在HTML中的放置位置对代码的执行效率和页面加载速度有着显著影响。根据最佳实践和安全性考虑,这里我们将深入探讨几种放置JavaScript代码的方式及其优缺点。 首先,将JavaScript代码放置在`&lt;head&gt;`...

    JavaScript客户端验证和页面特效制作(JavaScript).rar

    JavaScript客户端验证和页面特效制作(JavaScript)第一章

    javascript 两个页面之间传值

    在JavaScript中,页面之间的通信是常见的需求,尤其是在构建多页面应用程序时。本篇文章将深入探讨如何使用`window.open()`方法实现这一目标。`window.open()`是JavaScript中的一个内置函数,用于打开新的浏览器窗口...

    javascript实现页面5秒后自动跳转到首页或其他页面

    在JavaScript中,自动跳转页面是一项常见的功能,尤其在网页设计和开发中。这个功能可以用于用户操作后的页面重定向,比如登录成功后的跳转,或者像标题中所述的5秒后自动返回首页。下面我们将深入探讨如何用...

    JavaScript 写了一个直接发邮件的web页面

    用JavaScript 直接发送邮件 直接把页面上的内容写入邮件里面,收信人的邮箱 主题 都可以自动填到 邮件里面。支持 outlook Foxmail 工具。 大家一起学习下,写的不好 请帮忙改一下 谢谢了

    JavaScript 写的推箱子

    在这个推箱子游戏中,JavaScript主要负责以下几个方面: 1. **事件监听**:游戏中的每个动作,如玩家移动或箱子移动,都需要响应用户的点击或键盘输入。JavaScript可以添加事件监听器,捕捉这些用户交互,并触发...

    JavaScript+jQuery实现途乐行(旅游型)htm页面

    在本项目中,"JavaScript+jQuery实现途乐行(旅游型)htm页面"是一个学生实践课程的成果,旨在创建一个旅游类的网页应用。这个项目的核心是利用HTML、JavaScript和jQuery来构建用户友好的交互界面,提供丰富的旅游...

    javaScript 页面动态源代码

    各类javascript动态效果,需要的同胞可以看看

Global site tag (gtag.js) - Google Analytics