页面中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 判断数组是否已包含了某个元素的函数
May 30 Javascript
javascript AOP 实现ajax回调函数使用比较方便
Nov 20 Javascript
基于jquery实现的表格分页实现代码
Jun 21 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
JavaScript 定时器 SetTimeout之定时刷新窗口和关闭窗口(代码超简单)
Feb 26 Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 Javascript
JavaScript登录验证基础教程
Nov 01 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
vue全局自定义指令-元素拖拽的实现代码
Apr 14 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
layui插件表单验证提交触发提交的例子
Sep 09 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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生成数组再传给js的方法
2014/08/07 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
动态样式类封装JS代码
2009/09/02 Javascript
javascript forEach通用循环遍历方法
2010/10/11 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
js格式化时间的方法
2015/12/18 Javascript
js实现仿微博滚动显示信息的效果
2015/12/21 Javascript
JavaScript简单实现鼠标移动切换图片的方法
2016/02/23 Javascript
vue分页组件table-pagebar使用实例解析
2020/11/15 Javascript
浅谈js内置对象Math的属性和方法(推荐)
2016/09/19 Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
2017/02/14 Javascript
node.js实现回调的方法示例
2017/03/01 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
NodeJS简单实现WebSocket功能示例
2018/02/10 NodeJs
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
vue mounted 调用两次的完美解决办法
2018/10/29 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
python抓取网页图片示例(python爬虫)
2014/04/27 Python
Python中property函数用法实例分析
2018/06/04 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
HTML5 Canvas+JS控制电脑或手机上的摄像头实例
2014/05/03 HTML / CSS
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
汉森批发:Hansen Wholesale
2018/05/24 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
2014年节能降耗工作总结
2014/12/11 职场文书