最近一直在忙工作,沒有時間來寫博客了,不過今天做網站的時候碰到一個問題就是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>
