首頁 > 開發者 > JavaScript
標籤：
轉載來自：http://blog.csdn.net/dxnn520/article/details/7927461
簡介：
當頁面載入的時候，嵌入html標記的js代碼和位於<body></body>之間的js代碼將被執行；當調用的時候，位於<head></head>之間代碼和外部js檔案代碼將被執行
1.根據實際需要放置代碼？
有時候，您實際上需要把代碼放置在不同地方以符合代碼運行要求。比如，您需要在代碼全部載入瀏覽器後再運行代碼，那就可以
將<script>標籤放在</html>後面去，如果您需要在頁面載入的時候運行代碼，可以把js代碼放入<head></head>之間。
提示：瀏覽器執行html代碼是自上而下的線性過程，<script>作為html代碼的一部分同樣遵循這個原則！
2.<head>部分js指令碼
放入<head>部分js代碼將在頁面載入完之前被載入，書寫如下：
<html><head><script type="text/javascript"> //js代碼放在這兒</script></head><body></body></html>
3.<body>部分js指令碼
放入<body>部分js代碼將在頁面載入的時候被執行，也可以把指令碼放入</html>後面，這將在頁面載入完成之後被執行，代碼如下：
<html><head></head> <body> <script type="text/javascript"> alert("<body>中代碼被執行") </script> </body></html><script type="text/javascript" language="Javascript"><!-- document.write("html代碼已經全部載入完成");--></script>
程式碼分析：
引號中內容被顯示在對話方塊中,當您運行這段代碼的時候，您將首先看到彈出對話方塊，關閉對話方塊後，將在頁面顯示如下資訊：
html代碼已經全部載入完成4.<body>和<head> 部分指令碼
您可以同時在這兩個標籤部分寫入js代碼，瀏覽器將同樣遵循代碼執行順序，代碼如下：
<html><head> <script type="text/javascript"> alert("<head>中代碼被執行"); </script></head><body> <script type="text/javascript"> alert("<body>中代碼被執行"); </script></body></html>
程式碼分析：
您將先看到<head>部分代碼對話方塊被顯示，當你關閉這個對話方塊時，將接著顯示<body>部分代碼對話方塊。
5.引用外部javascript檔案
當您需要在不同頁面調用js代碼以執行不同響應的時候，您可以考慮使用外部參考js檔案，同時，這樣做還能提高代碼的維護。
<html> <head> <script src="yourjsname.js"></script> </head><body></body></html>
程式碼分析：
<script src="yourjsname.js"></script>通過這段代碼就可以引用外部檔案，src屬性用於引用外部檔案地址。
提示：在js檔案中不需要<script>標籤，您可以直接寫入js代碼。
注意：這裡的標記必須寫成<script src="yourjsname.js"></script>形式，而不能寫成<script src="yourjsname.js"/>
否則瀏覽器無法正確識別。
----------------------------------------------------------------------------------------------------------------
Javascript 執行順序
<html><meta http-equiv="content-type" content="text;charset=UTF-8" /><head> <script type="text/javascript"> alert("<head>中代碼被執行") </script></head><body>1234<script type="text/javascript"> alert("<body>中代碼被執行")</script>fffff</body><script type="text/javascript" language="Javascript"> <!-- document.write("html代碼已經全部載入完成"); --></script></html>
輸出順序：
<head>中代碼被執行
<body>中代碼被執行
html代碼已經全部載入完成
Javascript位置 body之前、後執行順序(探討)!
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
