①JavaScript簡介
JavaScript最初由Netscape公司的Brendan Eich設計,最初命名爲LiveScript,是一種動態、弱類型、基於原型的語言。後來,Netscape與Sun公司進行合作,將LiveScript改名爲JavaScript。JavaScript的設計最初受到Java啓發,語法上與Java有很多類似之處,並借用了許多Java的名稱和命名規範。(我真的不是Java的兒子)
JavaScript是一種基於對象和事件驅動並具有相對安全性的客戶端腳本語言,被廣泛應用於各種客戶端Web程序尤其是HTML開發中,能給HTML網頁添加動態功能,響應用戶各種操作,實現諸如歡迎信息、數字日曆、跑馬燈,顯示瀏覽器停留時間等特殊效果,提高網頁的可觀性。簡單來說,JavaScript具有如下特點:
1.簡單性
2.安全性
3.動態性
4.跨平臺性
②放置位置:可放置在頁面的head或body部分。
>當頁面載入時,會執行位於body 部分的JavaScript
>而位於head部分的JavaScript只有被顯式調用時纔會被執行
可將JavaScript函數單獨寫成一個js文件,在HTML文檔中引用該js文件。
直接寫在事件處理代碼中。
<html> <head> <title>JavaScript基礎 </title> <script type="text/javascript" src="demo.js"> </script> //引入外部JS <script type="text/javascript"> //頭部插入JS(一般方法都寫這) <!-- function show(){ document.write("這是事件調用JS"); } //--> // <!-- //--> 和CSS一樣也是防止瀏覽器不支持 </script> </head> <body > <p>這是普通的HTML頁面內容!</p> <script type="text/javascript"> //主體插入JS /* 這是直接調用JS*/ document.write("這是直接調用JS"); </script> <p>Hello,</p> <comment>這是外部調用JS文件</comment> <script type="text/javascript"> sayName();</script> //引用外部JS <p οnclick="show();" style="background:#00ff00 ">事件調用!</p> //事件調用JS <p οnclick="alert('這是行內調用!');">hello</p> <a href="javascript:alert('Hello World!!');">這是行內調用--簡約化</a> //簡約化使用JS </body> </html>使用外部js文件需要注意編碼問題。外部文件實現原理是:瀏覽器將外部文件內容複製過來嵌入到HTML頁面中,再執行,這個複製過程是一個二進制的拷貝,因此,HTML頁面與js文件的編碼不一致或者不兼容,就會產生問題(亂碼、不能執行等)。 解決方法是統一兩者的編碼,現在通用的是utf-8編碼。改變編碼的方法:1、用記事本打開文件,文件-另存爲,在“編碼選擇”下拉框選擇utf-8,保存覆蓋原文件即可。2、使用<script>的charset屬性,指定外部文件編碼方式,例如:下面代碼表示外部js文件是以gb2312編碼的: <script type="text/javascript" src="welcome.js" charset="gb2312"></script>