页面中js执行顺序


Posted in Javascript onNovember 09, 2009

下面是测试的代码:

<!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.

Javascript 相关文章推荐
将string解析为json的几种方式小结
Nov 11 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 Javascript
JavaScript验证图片类型(扩展名)的函数分享
May 05 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
Aug 12 Javascript
PHP+mysql+Highcharts生成饼状图
May 04 Javascript
json格式数据的添加,删除及排序方法
Jan 21 Javascript
jquery遍历table的tr获取td的值实现方法
May 19 Javascript
vue 将页面公用的头部组件化的方法
Dec 18 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 Javascript
JS实现长图上下滚动效果
Mar 19 Javascript
微信小程序仿通讯录功能
Apr 09 Javascript
js 鼠标拖动对象 可让任何div实现拖动效果
Nov 09 #Javascript
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 #Javascript
JQuery 图片延迟加载并等比缩放插件
Nov 09 #Javascript
让Firefox支持event对象实现代码
Nov 07 #Javascript
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 #Javascript
JavaScript 变量基础知识
Nov 07 #Javascript
表格 隔行换色升级版
Nov 07 #Javascript
You might like
php若干单维数组遍历方法的比较
2011/09/20 PHP
jQuery 入门讲解1
2009/04/15 Javascript
在新窗口打开超链接的方法小结
2013/04/14 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
js动态创建上传表单通过iframe模拟Ajax实现无刷新
2014/02/20 Javascript
jquery选择器原理介绍($()使用方法)
2014/03/25 Javascript
jQuery实现下拉框选择图片功能实例
2015/08/08 Javascript
详解JavaScript逻辑And运算符
2015/12/04 Javascript
jquery点击改变class并toggle的实现代码
2016/05/15 Javascript
Bootstrap源码解读按钮(5)
2016/12/23 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
JavaScript模板引擎应用场景及实现原理详解
2018/12/14 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
JavaScript实现拖拽和缩放效果
2020/08/24 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
Python入门学习之字符串与比较运算符
2015/10/12 Python
Python入门之三角函数sin()函数实例详解
2017/11/08 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
CSS实现进度条和订单进度条的示例
2020/11/05 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
2021/02/03 HTML / CSS
LINUX下线程,GDI类的解释
2012/04/17 面试题
学生打架检讨书1000字
2014/01/16 职场文书
2015年元旦活动总结
2014/05/09 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
报到证办理个人委托书
2014/10/06 职场文书
12.4全国法制宣传日活动总结
2014/11/01 职场文书
离婚起诉书怎么写
2015/05/19 职场文书