建站
咨詢
售后
建站咨詢
新聞中心
JavaScript這個東西，一開始上手覺得沒什么，主要用來美化頁面而已；但是隨著對Web開發(fā)的理解更加深入，尤其是對Web 2.0下開發(fā)的接觸漸多，便會發(fā)現(xiàn)JavaScript其實是個十分有用的語言。下面就總結(jié)一下JavaScript的使用心得。
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、榮昌網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、電子商務(wù)商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為榮昌等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
先說點什么呢，那就從BOM和DOM說開吧。
JavaScript使用心得之BOM和DOM
自從netscape navigator2.0把js引入到瀏覽器中，js可謂與瀏覽器接下了不解之緣，而js在瀏覽器中執(zhí)行的速度，也是現(xiàn)在各種各樣的瀏覽器展示其牛*的主要指標之一。那BOM和DOM到底是什么類？
BOM：Browser Object Model，是瀏覽器相關(guān)的一組特性，由于和瀏覽器相關(guān)，那一定沒有統(tǒng)一的標準了，原因是，有ms了......，不過慶幸的是，還是有一些事實標準的。
DOM：Document Object Model，這個就是標準了，由著名的w3c制定，目前***的級別是level 3，不過3還沒有徹底完成，目前主流的瀏覽器都可以支持到（僅僅是支持到哦，并不是完全遵守的）level 2，對html，也就是html4.x，目前***的是4.01，后來w3c向把html統(tǒng)一向xml靠攏，于是就有了xhtml1.0，再后來，w3c想搞一個xhtml2.0，結(jié)果進度緩慢，加之各大廠商又不看好，于是就有了html5.0 （很牛的東東，有待嘗試哦）。
對規(guī)范有興趣可以瀏覽維基上的一篇文章。
JavaScript使用心得之BOM描述
好了，BOM和DOM的歷史就先說到這里了，搞點實質(zhì)性的東東，先說一下BOM的體系結(jié)構(gòu)：
先從window說起，對于window，最簡單的一句就是它是表示打開頁面的瀏覽器窗口，并不包含頁面的內(nèi)容。請牢記后一句話，我在最開始的時候，就用它訪問過頁面的內(nèi)容，結(jié)果當然是訪問不到了。
既然是表示瀏覽器的窗口，那就一定包含：
◆新建窗口（window.open()），
◆關(guān)閉窗口(window.close())，
◆改變窗口位置(resizeBy(),resizeTo())，
◆移動窗口（moveBy(),moveTo），
還有一些其固有的特性，比如：
◆打開新的連接，并可以指定打開方式
◆彈出系統(tǒng)對話框(alert(),confirm(),prompt())，
◆設(shè)置超時與暫停（setTimeout(),setInterval())，
◆狀態(tài)欄，
前面的那些操作使用的時候可以查閱文檔，當然能記住更好。不過要注意不同的瀏覽器對這些方法的支持各不一樣，Oh，My God，It's a confusion of world！后兩個操作十分的不專業(yè)，***不要使用。
對于特性要羅嗦一下咯，***一個特性，不專業(yè)，盡量不要使用，第二和第三個，一看就知道了，也沒啥說的，***個還是有必要說一下的。
提一個問題，如何通過js實現(xiàn)在一個新的窗口打開連接，也就是通過js實現(xiàn)類似點擊
- < a >sina< /a>
的效果,用location么，錯，雖然location有target這個屬性，但，那是不行的，那怎么解決類？呵呵，答案是使用
- window.open('http://www.sina.com','_blank');
這句代碼的實際意思是把一個連接在一個指定的框架（frame）內(nèi)打開，_self
,_top,_blank,這些是專有的框架名。
然后再說一說讓人迷惑的幾個東東，parent,self,top,opener,，怎么樣可區(qū)分清楚么？
其中self總是等于window，僅是名字不一樣而已，不過正是由于這個特點，使用它可以使我們的代碼更易于閱讀，而top對象和parent對象，本人認為，只有在多框架(frames)下才會被用到，top對象指向最頂層的框架，也就是當一個頁面使用了frame或iframe時，才會被用到。***opener用于window.open()打開的子窗口。
然后下來說一說document和location對象，首先，我在上面的BOM的體系結(jié)構(gòu)圖中，將這兩個對象標記為了紅顏色，為什么類？簡單，是由于混亂。
document是一個既屬于BOM又屬于DOM的對象，而location對象，則是一個既屬于window，又屬于document的屬性。從BOM的角度來看，document對象中包含了頁面中一些通用的屬性和集合，不過document中的很多屬性(alinkColor,bgColor,fgColor,linkColor,vlinkColor)是可以通過css控制的，所以我的建議是能使用css控制的盡量使用css,而剩下的屬性(lastModifie
d,referrer,title,URL),基本上沒有多大的用處，要說有用的，我認為只有referrer可能有點用，它可以告訴你用戶是怎么訪問到你的頁面的。其實document的主要作用是用于DOM。
location對象表示載入窗口的URL，同時還可以用于解析URL，比如要獲得GET請求后的參數(shù)可以使用
- location.search
對于history和navigator對象，history對象提供了go(int),back(),forward()方法，他們的功能類似于瀏覽器的前進和后退，不過出于安全的考慮，history僅僅提供導(dǎo)航的功能，要想得到用戶的瀏覽歷史，僅靠這個對象是不行的。
PS：不過要想得到用戶的歷史也不是不可能，利用a標簽的特點，呵呵，開動腦筋想一想吧
navigator對象，呵呵，常被用來判斷用戶的瀏覽器類型，和用戶的操作系統(tǒng)類型。不過這兩個問題也是十分復(fù)雜的問題，以后單獨說吧
***一個，screen對象，我實際的工作中沒有用到過，基于沒有實踐，就沒有發(fā)言權(quán)的偉大理論，我就不總結(jié)了
以上就介紹了這些JavaScript使用心得。
【編輯推薦】
- C# JavaScript函數(shù)使用
- JavaScript 2.0新特性搶先看 向經(jīng)典語言靠近
- 開源語言排行榜：PHP與JavaScript受青睞
- ASP.NET控件開發(fā)之UpdatePanel觸發(fā)JavaScript腳本技巧
- 使用Javascript實現(xiàn).NET驗證控件功能
文章題目：JavaScript使用心得匯總：從BOM和DOM談起
文章轉(zhuǎn)載：http://fisionsoft.com.cn/article/dhjdoos.html
