頁(yè)面中js執(zhí)行順序
更新時(shí)間：2009年11月09日 16:51:02 作者：
頁(yè)面中js的執(zhí)行順序：在頁(yè)面的head標(biāo)簽中添加一段js代碼，在頁(yè)面的尾部也就是</body>之前添加一段代碼，然后在body的onload事件中引用一個(gè)函數(shù)，此三者的執(zhí)行順序如何?
下面是測(cè)試的代碼:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head runat="server">
<title>測(cè)試js的執(zhí)行順序</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>測(cè)試一下js的執(zhí)行順序
</p>
</div>
</form>
<script language="javascript" type="text/javascript"><!--
var a = "這是一段頁(yè)面最后的JS代碼";
alert(a);
// --></script>
</body>
</html>
運(yùn)行后的執(zhí)行順序如下:
執(zhí)行的順序?yàn)椋篽ead中的js,頁(yè)面中的js(將此段Js放置在body標(biāo)簽之外亦為此順序),body標(biāo)簽onload事件中的js.
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head runat="server">
<title>測(cè)試js的執(zhí)行順序</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>測(cè)試一下js的執(zhí)行順序
</p>
</div>
</form>
<script language="javascript" type="text/javascript"><!--
var a = "這是一段頁(yè)面最后的JS代碼";
alert(a);
// --></script>
</body>
</html>
運(yùn)行后的執(zhí)行順序如下:
執(zhí)行的順序?yàn)椋篽ead中的js,頁(yè)面中的js(將此段Js放置在body標(biāo)簽之外亦為此順序),body標(biāo)簽onload事件中的js.
相關(guān)文章
今天小編就為大家分享一篇layui 彈出刪除確認(rèn)界面的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細(xì)介紹了JS中FormData類實(shí)現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
一個(gè)css與js結(jié)合的下拉菜單支持主流瀏覽器
這是一個(gè)css和js結(jié)合的下拉菜單，經(jīng)測(cè)試支持主流瀏覽器，比較適合企業(yè)站，需要的朋友可以參考下2014-10-10
本篇文章主要是對(duì)js根據(jù)日期判斷星座的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-01-01
Javascript Tab 導(dǎo)航插件 (23個(gè))
實(shí)現(xiàn)tab頁(yè)很多方法，有一些是用純CSS實(shí)現(xiàn)，其他大多數(shù)是基于jquery、mootools或者其他js框架實(shí)現(xiàn)，既然有這么多可以拿來即用的插件，又何苦重復(fù)造輪子。2009-06-06
可以支持多中格式的JS鍵盤...2007-05-05
深入理解JavaScript中async/await的錯(cuò)誤處理方式
在現(xiàn)代JavaScript開發(fā)中,異步編程是不可或缺的一部分,async和await是一種強(qiáng)大的異步編程工具,它們使得編寫和維護(hù)異步代碼更加容易和清晰,然而,異步操作仍然可能會(huì)出現(xiàn)錯(cuò)誤,本文將深入探討async和await的錯(cuò)誤處理方式,提供詳細(xì)的代碼示例和解釋2023-09-09
使用smartupload組件實(shí)現(xiàn)jsp+jdbc上傳下載文件實(shí)例解析
這篇文章主要介紹了使用smartupload組件實(shí)現(xiàn)jsp+jdbc上傳下載文件實(shí)例解析,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-01-01
詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法
這篇文章主要介紹了詳述 Sublime Text 打開 GBK 格式中文亂碼的解決方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-10-10
JavaScript中clientWidth,offsetWidth,scrollWidth的區(qū)別
這篇文章主要介紹了Element中clientWidth,offsetWidth,scrollWidth的區(qū)別，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-01-01