页面中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 相关文章推荐
JavaScript 事件属性绑定带参数的函数
Mar 13 Javascript
JQUERY设置IFRAME的SRC值的代码
Nov 30 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
gridpanel动态加载数据的实例代码
Jul 18 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
Angularjs material 实现搜索框功能
Mar 08 Javascript
Vue.js中轻松解决v-for执行出错的三个方案
Jun 09 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
vue自动化表单实例分析
May 06 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
element-ui的回调函数Events的用法详解
Oct 16 Javascript
9种方法优化jQuery代码详解
Feb 04 jQuery
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
thinkphp的c方法使用示例
2014/02/24 PHP
PHP延迟静态绑定示例分享
2014/06/22 PHP
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
JavaScript中使用Substring删除字符串最后一个字符
2013/11/03 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
Node.js查找当前目录下文件夹实例代码
2017/03/07 Javascript
ionic2自定义cordova插件开发以及使用(Android)
2017/06/19 Javascript
详解jquery选择器的原理
2017/08/01 jQuery
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
JavaScript大数相加相乘的实现方法实例
2020/10/18 Javascript
python+mysql实现简单的web程序
2014/09/11 Python
python使用xmlrpclib模块实现对百度google的ping功能
2015/06/02 Python
python实现井字棋游戏
2020/03/30 Python
python对象及面向对象技术详解
2016/07/19 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
django 将model转换为字典的方法示例
2018/10/16 Python
使用Python实现画一个中国地图
2019/11/23 Python
全网最详细的PyCharm+Anaconda的安装过程图解
2021/01/25 Python
We Fashion荷兰:一家国际时装公司
2018/04/18 全球购物
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
瑞典网上购买现代和复古家具:Reforma
2019/10/21 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
班级标语大全
2014/06/21 职场文书
战略合作意向书
2014/07/29 职场文书
监察局领导班子四风问题整改措施思想汇报
2014/10/05 职场文书
2015年招聘工作总结
2014/12/12 职场文书
无保留意见审计报告
2015/06/05 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
JavaScript利用html5新方法操作元素类名详解
2021/11/27 Javascript