JavaScript的學(xué)習(xí)入門整理篇
更新時間:2008年09月24日 23:22:09 作者:
每次剛開始學(xué)語言時,作者都喜歡用“hello world”例子l來侮辱我們的智商,我想大家都不是笨蛋,故而寥寥數(shù)筆寫了一點
9:
Global對象是ECMAScript中最特別的對象,因為實際上它根本不存在。如果嘗試編寫下面的代碼,將得到錯誤:

錯誤消息顯示Global不是對象,但剛才不是說Global是對象嗎?沒錯。這里需要理解的主要概念是,在ECMAScript中,不存在獨立的函數(shù),所有函數(shù)都必須是某個對象的方法。本書前面介紹的函數(shù),如isNaN()、isFinite()、parseInt()和parseFloat()等,看起來都像獨立的函數(shù)。實際上,它們都是Global對象的方法。而且Global對象的方法不止這些。
encodeURI()和encodeURIComponent()方法用于編碼傳遞給瀏覽器的URI(統(tǒng)一資源標識符)。有效的URI不能包含某些字符,如空格。這兩個方法用于編碼URI,這樣用專門的UTF-8編碼替換所有的非有效字符,就可以使瀏覽器仍能夠接受并理解它們。
encodeURI()方法用于處理完整的URI(例如,http://www.wrox.com/illegal value.htm),而encodeURIComponent()用于處理URI的一個片斷(如前面的URI中的illegal value.htm)。這兩個方法的主要區(qū)別是encodeURI()方法不對URI中的特殊字符進行編碼,如冒號、前斜杠、問號和英鎊符號,而encodeURIComponent()則對它發(fā)現(xiàn)的所有非標準字符進行編碼。例如:


這段代碼輸出兩個值:

可以看到,除空格外,第一個URI無任何改變,空格被替換為%20。第二個URI中的所有非字母數(shù)字字符都被替換成它們對應(yīng)的編碼,基本上使這個URI變得無用。這就是encodeURI()可以處理完整URI,而encodeURIComponent()只能處理附加在已有URI末尾的字符串的原因。
自然,還有兩個方法用于解碼編碼過的URI,即decodeURI()和decodeURIComponent()。如你所料,這兩個方法所做的恰與其對應(yīng)的方法相反。decodeURI()方法只對用encodeURI()方法替換的字符解碼。例如,%20將被替換為空格,而%23不會被替換,因為它表示的是英鎊符號(#),encodeURI()并不替換這個符號。同樣的,decodeURIComponent()會解碼所有encodeURIComponent()編碼過的字符,意味著它將對所有的特殊值解碼。例如:

這段代碼輸出兩個值:

在這個例子中,變量uri存放的是用encodeURIComponent()編碼的字符串。生成的值說明了應(yīng)用兩個解碼方法時會發(fā)生的事情。第一個值由decodeURI()輸出,把%20替換成空格。第二個值由decodeURIComponent()輸出,替換所有的特殊。
這些URI方法encodeURI()、encodeURIComponent()、decodeURI()和decodeURICom- ponent()代替了BOM的escape()和unescape()方法。URI方法更可取,因為它們會對所有Unicode符號編碼,而BOM方法只能對ASCII符號正確編碼。盡量避免使用escape()和unescape()方法。
最后一個方法可能是整個ECMAScript語言中最強大的方法,即eval()方法。該方法就像整個ECMAScript的解釋程序,接受一個參數(shù),即要執(zhí)行的ECMAScript(或JavaScript)字符串。例如:

這行代碼的功能等價于下面的代碼:


當解釋程序發(fā)現(xiàn)eval()調(diào)用時,它將把參數(shù)解釋為真正的ECMAScript語句,然后把它插入該函數(shù)所在的位置。這意味著eval()調(diào)用內(nèi)部引用的變量可在參數(shù)以外定義:

這里,變量msg是在eval()調(diào)用的環(huán)境外定義的,而警告仍然顯示的是文本"hello world",因為第二行代碼將被替換為一行真正的代碼。同樣,可以在eval()調(diào)用內(nèi)部定義函數(shù)或變量,然后在函數(shù)外的代碼中引用:

這里,函數(shù)sayHi()是在eval()調(diào)用內(nèi)部定義的。因為該調(diào)用將被替換為真正的函數(shù),所以仍可在接下來的一行中調(diào)用sayHi()。
這種功能非常強大,不過也非常危險。使用eval()時要極度小心,尤其在給它傳遞用戶輸入的數(shù)據(jù)時。惡意的用戶可能會插入對站點或應(yīng)用程序的安全性有危害的值(叫做代碼注入)。
Global對象不只有方法,它還有屬性。還記得那些特殊值undefined、NaN和Infinity嗎?它們都是Global對象的屬性。此外,所有本地對象的構(gòu)造函數(shù)也都是Global對象的屬性。
10;
open(URL,WindowName,parameterList):open方法創(chuàng)建一個新的瀏覽器窗口,并在新窗口中載入一個指定的URL地址。
close():close方法關(guān)閉一個瀏覽器窗口.
alert(text):彈出一個信息框.
confirm(text):彈出一個確認框.
prompt(text,Defaulttext):彈出一個提示框.
setTimeout(expression,time):定時設(shè)置,在一定時間后自動執(zhí)行expression描述的代碼,使用time設(shè)置時間,單位是毫秒.
clearTimeout(timer):取消以前的定時設(shè)置.
back():指示瀏覽器載入歷史記錄中的上一個URL地址.
forward():指示瀏覽器載入歷史記錄中的下一個URL地址.
stop():指示瀏覽器停止網(wǎng)頁的裝載.
location:提供當前窗口的URL信息clearTimeout(timer):取消以前的定時設(shè)置.
back():指示瀏覽器載入歷史記錄中的上一個URL地址.
forward():指示瀏覽器載入歷史記錄中的下一個URL地址.
stop():指示瀏覽器停止網(wǎng)頁的裝載.
location:提供當前窗口的URL信息
close():close方法關(guān)閉一個瀏覽器窗口.
alert(text):彈出一個信息框.
confirm(text):彈出一個確認框.
prompt(text,Defaulttext):彈出一個提示框.
setTimeout(expression,time):定時設(shè)置,在一定時間后自動執(zhí)行expression描述的代碼,使用time設(shè)置時間,單位是毫秒.
clearTimeout(timer):取消以前的定時設(shè)置.
back():指示瀏覽器載入歷史記錄中的上一個URL地址.
forward():指示瀏覽器載入歷史記錄中的下一個URL地址.
stop():指示瀏覽器停止網(wǎng)頁的裝載.
location:提供當前窗口的URL信息
back():指示瀏覽器載入歷史記錄中的上一個URL地址.
forward():指示瀏覽器載入歷史記錄中的下一個URL地址.
stop():指示瀏覽器停止網(wǎng)頁的裝載.
location:提供當前窗口的URL信息
您可能感興趣的文章:
- 如何學(xué)習(xí)Javascript入門指導(dǎo)
- ExtJS 學(xué)習(xí)專題(一) 如何應(yīng)用ExtJS(附實例)
- JavaScript入門學(xué)習(xí)書籍推薦
- Javascript入門學(xué)習(xí)第一篇 js基礎(chǔ)
- Javascript 入門基礎(chǔ)學(xué)習(xí)
- Javascript入門學(xué)習(xí)第八篇 js dom節(jié)點屬性說明
- 入門基礎(chǔ)學(xué)習(xí) ExtJS筆記(一)
- Javascript入門學(xué)習(xí)第九篇 Javascript DOM 總結(jié)
- JavaScript 學(xué)習(xí)初步 入門教程
- 如何學(xué)JavaScript?前輩的經(jīng)驗之談
相關(guān)文章
JavaScript中Array 對象相關(guān)的幾個方法
JavaScript中Array 對象相關(guān)的幾個方法...2006-12-12Internet Explorer 11 瀏覽器介紹:別叫我IE
這篇文章主要介紹了Internet Explorer 11 瀏覽器介紹:別叫我IE,需要的朋友可以參考下2014-09-09javascript學(xué)習(xí)筆記(三)BOM和DOM詳解
本文應(yīng)用了很多實例,來解讀JavaScript中BOM和DOM,DOM是一個使程序和腳本有能力動態(tài)地訪問和更新文檔的內(nèi)容、結(jié)構(gòu)以及樣式的平臺和語言中立的接口。,而BOM定義了JavaScript可以進行操作的瀏覽器的各個功能部件的接口。2014-09-09淺談JavaScript中setInterval和setTimeout的使用問題
這篇文章主要介紹了淺談JavaScript中setInterval和setTimeout的使用問題,作者建議在任務(wù)龐大時盡量避免使用setInterval,需要的朋友可以參考下2015-08-08