JS代碼放在head和body中的區別分析


最近一直在忙工作,沒有時間來寫博客了,不過今天做網站的時候碰到一個問題就是JS腳本存放的位置不同其效果不同。起初我沒在意這個問題,后來一直解決不了,通過上網與查資料問同事,終於我明白了,原來我碰到了這么個問題。

用簡單的一句話介紹就是加載順序的問題。如果放入head,那當頁面加載head部分的時候,那個控件都還沒有被定義(也可以說是還沒有被加 載,因為加載的過程就是執行代碼的過程,包括了定義),你能得到的只可能是一個undefind。 如果放入控件后面,則達到了所想的結果(控件加載完了,JS腳本也進行加載得到了想得到的值)

其實如果是JS中的方法就無所謂放在那里,如果是全局對象js腳本就必須放在body里面。如果是一個方法W3C就建議房子Head里面。

下面我就用例子慢慢介紹一下吧。(大神勿噴)

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">

    alert("加載頁面之前進行彈出");
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="btnAlter" type="button" value="button" />
    </div>
        <script type="text/javascript">

    alert("加載頁面之后進行彈出");
    
    </script>
    </form>
</body>
</html>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM