繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 页面中js执行顺序
- Javascript
- Javascript初学者实例教程(5):Document对象
- JS初学者实例教程(6):Document对象读取表单元素
- JS初学者实例教程(7):注册表单验证
- JS初学者实例教程(8):单选按钮、复选按钮
- JS初学者实例教程(9):下拉菜单和链接属性
- Javascript初学者实例教程(11):鼠标动作
- Javascript初学者实例教程(12):访问XML节点
- JavaScript类
- 网页内应用JS的最好方法
- JS两种定义Function非常常用的方法
- 网页JavaScript运行时IE产生警告栏解决方法
- 处理大量JavaScript对象的好选择:JSON
- JSON(JavaScript Object Notation)
- javascript用法:break，continue和return语句
- JS获取各种浏览器窗口的大小
- JavaScript发展与互联网
- IE地址栏实现的JS有趣效果和应用
- Javascript如何应用到网页中
- Javascript条件判断语句的小技巧
- Firebug Lite使用在IE、Opera、Safari浏览器
Javascript 中的 页面中js执行顺序
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 183 ::
收藏到网摘: 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.
评论 (0) All
