页面中js执行顺序
更新时间：2009年11月09日 16:51:02 作者：
页面中js的执行顺序：在页面的head标签中添加一段js代码，在页面的尾部也就是</body>之前添加一段代码，然后在body的onload事件中引用一个函数，此三者的执行顺序如何?
下面是测试的代码:
<!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.
相关文章
今天小编就为大家分享一篇layui 弹出删除确认界面的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了JS中FormData类实现文件上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这是一个css和js结合的下拉菜单，经测试支持主流浏览器，比较适合企业站，需要的朋友可以参考下2014-10-10
本篇文章主要是对js根据日期判断星座的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
实现tab页很多方法，有一些是用纯CSS实现，其他大多数是基于jquery、mootools或者其他js框架实现，既然有这么多可以拿来即用的插件，又何苦重复造轮子。2009-06-06
可以支持多中格式的JS键盘...2007-05-05
深入理解JavaScript中async/await的错误处理方式
在现代JavaScript开发中,异步编程是不可或缺的一部分,async和await是一种强大的异步编程工具,它们使得编写和维护异步代码更加容易和清晰,然而,异步操作仍然可能会出现错误,本文将深入探讨async和await的错误处理方式,提供详细的代码示例和解释2023-09-09
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
这篇文章主要介绍了使用smartupload组件实现jsp+jdbc上传下载文件实例解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
这篇文章主要介绍了详述 Sublime Text 打开 GBK 格式中文乱码的解决方法，非常具有实用价值，需要的朋友可以参考下2017-10-10
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
这篇文章主要介绍了Element中clientWidth,offsetWidth,scrollWidth的区别，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2021-01-01
最新评论