页面中js执行顺序
作者:bea
下面是测试的代码: 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head runat="server"> <title>测试js的执行顺序</title> <script language="javascript" type="text/javascript"><!-- va
下面是测试的代码:
代码如下:
<!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.
有用 | 无用
代码如下:
<!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 日期常用的方法
- Jquery在IE7下无法使用 $.ajax解决方法
- jQuery 白痴级入门教程
- Javascript 解疑
- 不一样的文字闪烁 轮番闪烁
- JS旋转的彩色文字轮转特效
- 文字来回上下移动或跳动的代码
- jquery 输入框数字限制插件
- 通过隐藏option实现select的联动效果
- javascript实现的鼠标悬停时动态翻滚的导航条
- Js 实现表格隔行换色一例
- Javascript实现的CSS代码高亮显示
- Riot.js 快速的JavaScript单元测试框架
- asp.net HttpHandler实现图片防盗链
- 为javascript添加String.Format方法
- prototype 中文参数乱码解决方案
- javascript currying返回函数的函数
- jQuery 常见学习网站与参考书
- Javascript select下拉框操作常用方法