頁面中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)文章
JavaScript立即執(zhí)行函數(shù)與函數(shù)劫持的作用
IIFE全拼Imdiately Invoked Function Expression,是一個在定義的時候就立即執(zhí)行的JavaScript函數(shù),這篇文章主要給大家介紹了關(guān)于Javascript立即執(zhí)行函數(shù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2023-01-01
js每隔5分鐘執(zhí)行一次ajax請求的實現(xiàn)方法
每隔5分鐘執(zhí)行一次ajax請求，如何實現(xiàn)？下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
JavaScript設(shè)計模式之構(gòu)造器模式(生成器模式)定義與用法實例分析
這篇文章主要介紹了JavaScript設(shè)計模式之構(gòu)造器模式(生成器模式)定義與用法,結(jié)合實例形式分析了javascript構(gòu)造器模式的概念、原理、與工廠模式的區(qū)別以及相關(guān)使用方法,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了微信小程序使用audio組件播放音樂功能,結(jié)合實例形式分析了微信小程序audio組件播放在線音樂相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12
本篇文章主要是對IE與FireFox的JavaScript兼容問題解決辦法進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
泛型是TypeScript中的一個強大特性,它可以增加代碼的靈活性和安全性,在本文中,我將向您介紹泛型的使用方法和場景,并展示如何使用類型約束,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了JavaScript事件委托原理與用法,結(jié)合實例形式較為詳細的分析了JavaScript事件流以及事件委托相關(guān)原理、用法與操作注意事項,需要的朋友可以參考下2018-06-06
這篇文章主要為大家詳細介紹了JS繼承之借用構(gòu)造函數(shù)繼承和組合繼承，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
現(xiàn)代Web開發(fā)中,文件上傳一般通過JavaScript來處理,以便實現(xiàn)更好的用戶體驗,如異步上傳(AJAX)、進度條顯示等,這篇文章主要介紹了JavaScript文件上傳功能詳解與實現(xiàn)過程的相關(guān)資料,需要的朋友可以參考下2025-04-04
今天小編就為大家分享一篇layui 阻止圖片上傳的實例(before方法)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09