页面中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 原型继承之构造函数继承
Aug 26 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
JQuery中操作Css样式的方法
Feb 12 Javascript
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
Mar 12 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
Mar 26 Javascript
Node.js 应用跑得更快 10 个技巧
Apr 03 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 Javascript
Node.js JSON模块用法实例分析
Jan 04 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 Javascript
Vue自动构建发布脚本的方法示例
Jul 24 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 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
jQuery 1.0.2
2006/10/11 Javascript
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
2014/08/15 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
JavaScript解析JSON格式数据的方法示例
2017/01/24 Javascript
微信小程序 页面跳转传值实现代码
2017/07/27 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
Vue2.0用户权限控制解决方案的示例
2018/02/10 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
2018/10/28 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
微信小程序上线发布流程图文详解
2019/05/06 Javascript
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
Python列表计数及插入实例
2014/12/17 Python
python实现对一个完整url进行分割的方法
2015/04/29 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
如何利用Pyecharts可视化微信好友
2019/07/04 Python
python两个_多个字典合并相加的实例代码
2019/12/26 Python
python批量修改xml属性的实现方式
2020/03/05 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
H5调用相机拍照并压缩图片的实例代码
2017/07/20 HTML / CSS
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
货代行业个人求职简历的自我评价
2013/10/22 职场文书
网上开商店的创业计划书
2014/01/19 职场文书
护士自我鉴定总结
2014/03/24 职场文书
植树节标语
2014/06/27 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
会议主持词开场白
2015/05/28 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书
python 解决微分方程的操作(数值解法)
2021/05/26 Python