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