1. 程式人生 > >我的第一個javascript程式--alert為何彈不出資料?

我的第一個javascript程式--alert為何彈不出資料?

       今天啃的一本javascript的書籍,著手試了一個入門小例子,但我遇到了一個問題:最簡單的alert竟然無法彈出資料

<!--我的JavaScript學習之路-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一課--html中嵌入javascript程式碼</title>
</head>
<body>
      總有一種感動與眾不同。
     <script type="text/javascript">  
          function sayHi(){  
            alert("Hi!");  
          }  
    </script>  
</body>
</html>

       雖然我以前用過它仿過網站,但對它最基本的執行方式還一知半解。它不彈出的原因是我未給它新增事件,有點類似於在Android中,未給按鈕新增點選事件卻妄圖它能起到點選效果。

      經過更改後的程式是:  注意它:

<body onLoad="sayHi()">

<!--我的JavaScript學習之路-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>第一課--html中嵌入javascript程式碼</title>
</head>

<body onLoad="sayHi()">
      總有一種感動與眾不同。
      <script type="text/javascript">  
             function sayHi(){  
                  alert("Hi!");  
             }  
    </script>  
</body>
</html>

        通過今天的看書學習,我學到以下知識:
       1、javascript的發展過程:ECMAScript當時並未將1.1版本作為標準;1.2版本時,ECMAScript將1.1版本作為標準,而1.2版本無法相容1.1版本;1.3版本能相容ECMAScript,並採用Unicode編碼;1.4版本沒有內建在Web瀏覽器中。現在已經發展到1.8.2版本。
       2、主流瀏覽器(火狐、IE、谷歌、Opera、safari)對DOM,BOM相容性不一致。
       3、<script>中的常用元素:defer(延遲到文件全部顯示後再執行)、async(立即下載)、src(引入外部的js檔案),type的規範使用(text/javascript)。
       4、<script>最好是用外部引入,這樣可以增加js檔案的可複用性,對於複用的js,不用重複載入。將js檔案統一寫入外部檔案中,使程式設計師方便的對它進行維護,並能專心編寫javascript程式,避免改動html標記語言。
       5、<script>存放的位置,一般放在</body>前,頁面的最底部。這是因為先加載出非javascript介面可以使使用者感覺訪問速度較快。
       6、為了避免相容性問題和遵循html標準,需使用<script></script>方式,而不是:<script/>。
       7、<script>不能兩層或以上巢狀。
       8、瞭解<noscript>的觸發機制,以及javascript在XHTML中的用法。
       此javascript書籍作為我的睡前閱讀,將陪我走過相當長一段時間的學習光陰,感謝你見證我的成長!
       我是一個努力轉型做測試的、懂點ps、懂點java、懂點html+css的90後!