JavaScript脚本在页面中放置的位置

JavaScript脚本通常放置在三个位置:

1、head部分JavaScript脚本。

2、body部分JavaScript脚本。

3、单独以.js结尾的文件中的JavaScript脚本。

客户端会顺序读取并解析文档内容,body部分的JavaScript脚本会优先执行,其他部分的JavaScript脚本会通过调用执行。

head部分JavaScript脚本

<html>
<head>
<script type="text/javascript">
widow.onload=function()
{
    alert("该提示框是通过 onload 事件调用的。")
}
</script>
</head>
<body>
</body>
<html>

body部分JavaScript脚本

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("该消息在页面加载时输出。")
</script>
</body>
</html>

单独以.js结尾的文件中的JavaScript脚本

<html>
<head>
</head>
<body>
<script src="/js/example_externaljs.js">
</script>
<p>
实际的脚本位于名为 "xxx.js" 的外部脚本中。
</p>
</body>
</html>
时间: 2024-11-07 16:21:15

JavaScript脚本在页面中放置的位置的相关文章

javascript如何统计页面中标签的数量

javascript如何统计页面中标签的数量:本章节介绍一下如何统计页面中标签的数量,当然标签是可以重复的,虽然不常用,不过寄希望能够给大家带来或多或少的帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

Html在网页、页面中放置Swf、Flash 背景

Html 在网页.页面中放置Swf.Flash背景: <embed src="image/index.swf" wmode=transparent style="position: absolute" width="100%" height="100%"> 插入一个flas动画,尺寸设置为100%,且不可移动,既是背景了.基础东西,不解释了.

jQuery基础学习5——JavaScript方法获取页面中的元素

给网页中的所有<p>元素添加onclick事件 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head>

js实现点击按钮显示某个区域 然后点击页面中任意其他位置,隐藏该区域

$(".licat-header-list").on("click",function(e){ $(this).addClass("active");//有class名active时,其下边的ul列表显示,否则隐藏 e.stopPropagation(); $("body").one("click",function(e){ $(".licat-header-list").removeC

测试浏览器是否支持JavaScript脚本

如果用户不能确定浏览器是否支持JavaScript脚本,那么可以应用HTML提供的注释符号进行验证.HTML注释符号是以 <-- 开始以 --> 结束的.如果在此注释符号内编写 JavaScrip t脚本,对于不支持 JavaScript 的浏览器,将会把编写的 JavaScript 脚本作为注释处理. 使用 JavaScript 脚本在页面中输出一个字符串,将 JavaScript 脚本编写在 HTML 注释中,如果浏览器支持 JavaScript 将输出此字符串,如果不支持将不输出此字符串

ASP.NET CS文件中输出JavaScript脚本的3种方法以及区别

Response.Write 与   Page.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 之间的区别 方法1,使用Response.Write,这种方法会把JS代码写在页面的最顶部(<html>的前面):System.Web.HttpContext.Current.Response.Write("<script language=javascript>a

编写高性能的JavaScript 脚本的加载与执行

脚本可以放在html页面的head里面,也可以放在body里面. 把脚本放在body中,当浏览器遇见<script>标签时, 浏览器不知道脚本会插入文本还是html标签,因此浏览器会停止分析html页面而去执行脚本.当使用src的方式添加脚本时,浏览器也会做同样的动作.在脚本处理的时候,页面呈现和用户交互将被完全阻止.脚本下载和执行阻塞了其他资源的下载,比如呈现页面使用的图片.(虽然很多浏览器实现了脚本并行下载的技术,但是这个问题依然没有解决) 脚本的位置 鉴于上面的理由,脚本应该始终放在页面

用JS将页面定位到某个位置(DIV)

使用Javascript自动将页面滚动到指定位置 下面我们就来讲解一下如何使用Javascript自动将页面滚动到指定位置. 指定需要滚动的位置 这一步很简单,就是需要给滚动到指定位置的元素加上id属性,如下: 天一广场 使用Javascript自动将页面滚动到指定位置 脚本如下:  这就完成了我们的需求,经测试兼容所有主流浏览器. 我也查阅了网上的一些资料,有的朋友说还有如下方式实现: 我也对上面的方法进行了测试,发现使用javascript中的window.scrollBy()存在一个问题:

Windows Store App JavaScript 开发:页面加载

  在开发基于JavaScript的Windows应用商店应用时,可以使用HtmlControl和PageControl控件加载一个页面,这两个WinJS库控件曾在上面的内容中提到过,HtmlControl控件接收一个包含页面地址的对象作为参数,并根据这个地址加载相应的页面:PageControl控件是自定义控件,可以使用WinJS.UI.Pages.define函数将一个页面定义为PageControl控件,然后在其他页面中使用,使用这个PageControl控件就相当于加载了该控件相对应的页