`

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注册页面代码(只包含用户名&密码&邮箱的验证)

    100个Javascript特效页面以及源代码

    JavaScript是一种广泛应用于网页和应用程序开发的脚本语言,它在客户端运行,为用户提供动态、交互式的用户体验。"100个Javascript特效页面以及源代码"集合涵盖了多种JavaScript技术的应用实例,是学习和研究...

    购物车 静态页面 含javascript

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

    javascript写的页面右上角可伸缩关闭的菜单代码

    在JavaScript编程领域,创建一个页面右上角的可伸缩关闭菜单是一项常见的需求,尤其在构建用户界面时。这个特定的代码示例可能是利用JavaScript的动态特性来实现这一功能的。下面将详细解释相关的JavaScript知识、...

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

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

    HTML在页面上滚动滚轮滚动到指定的位置停.javascript_js跳转到页面指定位置

    本主题探讨如何在用户滚动滚轮时使页面在特定位置停止,并使用JavaScript进行平滑滚动到指定元素。 首先,HTML中的锚点(Anchor)可以用来创建页面内的链接,让用户点击后直接跳转到页面的某个部分。例如,可以在...

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

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

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

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

    javascript页面导航特效

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

    javascript 网上订单页面

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

    用javascript实现的页面下雪功能

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

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

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

    购物商城首页登录注册页面代码含部分JavaScript代码

    - 虽然没有直接提到,但在现代Web开发中,AJAX常用于无刷新的数据交换,比如在用户提交登录或注册信息时,后台验证用户数据而无需刷新整个页面。 6. **事件监听**: - JavaScript 通过事件监听器可以捕捉用户的...

    javascript 两个页面之间传值

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

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

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

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

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

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

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

    javaScript 页面动态源代码

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

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

    3. **提高性能:** 浏览器可以缓存外部JavaScript文件,这意味着如果多个页面引用同一个文件,则在首次加载后,后续请求可以更快地加载页面。 4. **简化HTML文档:** 将JavaScript代码移出HTML文档可以使HTML结构...

    基于JavaScript的多页面打包模板

    在现代前端开发中,JavaScript已经成为了不可或缺的一部分,无论是浏览器端还是服务器端,它都发挥着重要作用。本主题将深入探讨“基于JavaScript的多页面打包模板”,这是一个为构建多个独立页面而设计的打包方案,...

Global site tag (gtag.js) - Google Analytics