我的第一個javascript程式--alert為何彈不出資料?
阿新 • • 發佈:2019-01-26
今天啃的一本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後!