首頁 > 開發者 > JavaScript
今天作為前端小菜跑去某廠面試，結果以失敗告終。 記得面試官問我在一個頁面中js的執行順序問題，結果由於自己並沒有研究過，所以不太清楚，糊裡糊塗的結果把自己都說亂了。在網上查了一堆文章之後還是覺得應該由自己敲出來測試一下。下面貼一下測試代碼和結果。 複製代碼 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>test js</title> 6 <script type="text/javascript"> 7 alert("<head>標籤中第一個內建js程式碼片段，位於連結js的前面。"); 8 </script> 9 <script type="text/javascript" src="a1.js"></script>10 <script type="text/javascript" src="a2.js"></script>11 <script type="text/javascript">12 alert("<head>標籤中第二個內建js程式碼片段，位於連結js的後面。");13 </script>14 </head>15 16 <body onload="b()">17 <script defer>18 alert("defer中的程式碼片段。");19 </script>20 21 <script>22 alert("body 中的 js 程式碼片段。");23 </script>24 25 <script>26 function b(){27 alert("b函數中的js程式碼片段。");28 }29 </script>30 31 <script>32 alert("body 中的第二個 js 程式碼片段。");33 </script>34 35 </body>36 <script>37 alert("body 之外的 js 程式碼片段。");38 </script>39 </html>40 <script>41 alert("html 之外的 js 程式碼片段。");42 </script>複製代碼下面是a1.js的內容： 1 // JavaScript Document2 alert("<head>標籤中連結過來的a1.js中的代碼。");下面是a2.js的內容： // JavaScript Documentalert("<head>標籤中連結過來的a2.js中的代碼。");測試結果（alert的順序）是：js的執行順序基本上按照在html中出現的順序，但是也有一些細小的變化。 1.首先執行<head>標籤中的js，不論是內建還是外鏈形式，都是按照出現的順序執行。 2.接著執行body中的指令碼，按順序直到<html>標籤外。 3.然後執行defer="defer"的指令碼。（IE中測試支援，chrome和firefox都不支援defer屬性，在這兩個瀏覽器中，將作為正常的指令碼段按順序執行）。 4.最後執行body的onload方法b()。 另外：（
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
