当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 页面中js执行顺序

Javascript
js类 from qq
鼠标放上去则向上向下滚动的代码
在视频前插入广告
论坛特效代码收集(落伍转发-不错)
多图幻灯Pixelate马赛克效果
多图幻灯Wipe擦洗效果
多图展示点击切换效果模拟的flash效果,点小图放大显示,再点恢复默认。
脚本吧 - 幻宇工作室用到js,超强推荐share.js
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
JavaScript For Beginners(转载)
sina的lightbox效果。
如何在Mozilla Gecko 用Javascript加载XSL
用JavaScript绘图 :JS2D函数集
Opacity.js
How to Auto Include a Javascript File
适合做公告板的代码收集
最新优化收藏到网摘代码(digg,diigo)
索趣科技的答案
如何用JS获取带“\”字符串的中间值?
baidu博客的编辑友情链接的新的层窗口!经典~支持【FF】

Javascript 中的 页面中js执行顺序


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 348 ::
收藏到网摘: n/a

页面中js的执行顺序:在页面的head标签中添加一段js代码,在页面的尾部也就是</body>之前添加一段代码,然后在body的onload事件中引用一个函数,此三者的执行顺序如何? 下面是测试的代码:
复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head runat="server">
<title>测试js的执行顺序</title>
<script language="javascript" type="text/javascript"><!--
var a = "这是一段在Header里面的JS代码";
alert(a);
// --></script>
</head>
<body onload="javscript:alert('这是在body的Onload事件中的代码!');">
<form id="form1" runat="server">
<div>
<p>测试一下js的执行顺序
</p>
</div>
</form>
<script language="javascript" type="text/javascript"><!--
var a = "这是一段页面最后的JS代码";
alert(a);
// --></script>
</body>
</html>

运行后的执行顺序如下:
执行的顺序为:head中的js,页面中的js(将此段Js放置在body标签之外亦为此顺序),body标签onload事件中的js.