教程1.課件第七章

1、JavaScript程序設(shè)計(jì)賈素玲 王強(qiáng) 主編張劍 曹爽 董亮 編著 第七章 窗口和框架本章結(jié)構(gòu)document對(duì)象link對(duì)象anchor對(duì)象image對(duì)象使用div標(biāo)簽document對(duì)象document對(duì)象概述document對(duì)象是客戶端JavaScript最為常用的對(duì)象之一，在瀏覽器對(duì)象模型中，它位于window對(duì)象的下一層級(jí)。window對(duì)象代表了瀏覽器窗口或者框架，而document對(duì)象則代表了窗口或者框架中的文檔。每一個(gè)window對(duì)象都有一個(gè)document屬性，window對(duì)象的document屬性引用的就是代表該窗口中所顯示文檔的document對(duì)象。文檔對(duì)象的命名規(guī)則do

2、Form /使用表單名稱(chēng)訪問(wèn)document.forms0 /使用該表單在document對(duì)象 forms屬性中的位置訪問(wèn)document對(duì)象document對(duì)象的簡(jiǎn)單屬性alinkColor：該屬性指定了鏈接被激活時(shí)的顏色，初始值可以在文檔的標(biāo)簽中設(shè)置，也可以通過(guò)標(biāo)簽alink屬性設(shè)置。bgColor：該屬性指定了文檔的背景顏色，其初始值由標(biāo)簽的bgcolor屬性設(shè)置。fgColor：該屬性指定了文檔文本的顏色，其初始值可以在文檔的標(biāo)簽中設(shè)置，也可以通過(guò)標(biāo)簽text屬性設(shè)置。linkColor：該屬性指定了文檔中未被訪問(wèn)過(guò)的鏈接的顏色，其初始值可以在文檔的標(biāo)簽中設(shè)置，也

3、可以通過(guò)標(biāo)簽link屬性設(shè)置location：等同與URL屬性，指定了文檔的URL。title：表示位于標(biāo)簽和標(biāo)簽之間的文本。VlinkColor：該屬性指定了文檔中已經(jīng)被訪問(wèn)過(guò)的鏈接的顏色。document對(duì)象document對(duì)象的數(shù)組屬性anchors：包含了對(duì)當(dāng)前文檔中所有anchor對(duì)象的引用，每一個(gè)數(shù)組元素對(duì)應(yīng)一個(gè)標(biāo)記。applets：包含了對(duì)當(dāng)前文檔中所有applet對(duì)象的引用，每一個(gè)數(shù)組元素對(duì)應(yīng)一個(gè)標(biāo)記。embeds：包含了對(duì)當(dāng)前文檔中所有嵌入對(duì)象（插件或者ActiveX控件）的引用，每一個(gè)數(shù)組元素對(duì)應(yīng)一個(gè)標(biāo)記。forms：包含了對(duì)當(dāng)前文檔中所有form對(duì)象的引用，每一個(gè)數(shù)組元素

4、對(duì)應(yīng)一個(gè)標(biāo)記。images：包含了對(duì)當(dāng)前文檔中所有image對(duì)象的引用，每一個(gè)數(shù)組元素對(duì)應(yīng)一個(gè)標(biāo)記。links：包含了對(duì)當(dāng)前文檔中所有l(wèi)ink對(duì)象的引用，每一個(gè)數(shù)組元素都代表文檔中一個(gè)超文本鏈接。document對(duì)象document對(duì)象的方法clear()：該方法用于清除文檔內(nèi)容，不過(guò)JavaScript并不推薦使用這個(gè)方法，相同的功能應(yīng)該使用document.open()方法打開(kāi)一個(gè)新文檔。close()：該方法將顯示出所有已經(jīng)寫(xiě)入文檔但還沒(méi)有顯示出來(lái)的內(nèi)容，然后關(guān)閉文檔的輸出流。open(mimetype)：該方法打開(kāi)一個(gè)可供寫(xiě)入文檔內(nèi)容的流，以便接下來(lái)調(diào)用write()方法將數(shù)據(jù)添加到文

5、檔中。write(value,)：該方法會(huì)將它的所有參數(shù)按照出現(xiàn)順序?qū)懭胛臋n中，不是字符串的參數(shù)在寫(xiě)入過(guò)程中將被轉(zhuǎn)換成字符串。wirteln(value,)：該方法與write()方法類(lèi)似，只不過(guò)在寫(xiě)入所有參數(shù)之后，會(huì)自動(dòng)加上一個(gè)換行符。link對(duì)象link對(duì)象概述link對(duì)象表示的是HTML文檔中超文本鏈接或者客戶端映射表中的可點(diǎn)擊區(qū)域，在HTML文檔中由和標(biāo)簽創(chuàng)建，其語(yǔ)法如下： /鏈接中的可見(jiàn)文本link對(duì)象link對(duì)象的屬性hash：該屬性表示URL引用的對(duì)象中的一個(gè)錨的名字。host：該屬性表示URL中的主機(jī)名和端口號(hào)的組合。hostname：該屬性表示URL中含有的主機(jī)名。href：

6、該屬性表示完整的URL。length：該屬性表示links數(shù)組中元素的數(shù)量。pathname：該屬性表示URL中的路徑部分。port：該屬性表示URL中的端口部分。protocol：該屬性表示URL中的協(xié)議部分。search：該屬性表示URL中含有的查詢(xún)部分。text/innerText：該屬性表示出現(xiàn)在創(chuàng)建link對(duì)象的HTML標(biāo)簽和之間的純文本。 image對(duì)象image對(duì)象概述image對(duì)象代表了文檔中含有的內(nèi)嵌圖像。雖然HTML本身具有顯示圖像的功能，但是存在一個(gè)缺陷，就是無(wú)法改變已經(jīng)顯示的圖像，除非加載一個(gè)新的頁(yè)面；而利用image對(duì)象，通過(guò)JavaScript可以動(dòng)態(tài)地對(duì)圖像進(jìn)行操

7、作，使網(wǎng)頁(yè)變得更具吸引力。在JavaScript中，可以使用new關(guān)鍵字創(chuàng)建image對(duì)象，這種方法創(chuàng)建的image對(duì)象常用于緩存圖像：new Image(width,height);構(gòu)造函數(shù)Image中的width和height參數(shù)是可選的，分別指定所創(chuàng)建image對(duì)象的寬度和高度，不過(guò)這個(gè)構(gòu)造函數(shù)并沒(méi)有指定要加載圖像的URL地址，如果要將image對(duì)象與特定的圖像對(duì)應(yīng)起來(lái)，必須將其src屬性設(shè)定為要顯示的圖像。image對(duì)象由HTML中標(biāo)簽創(chuàng)建image對(duì)象的語(yǔ)法規(guī)則如下：image對(duì)象image對(duì)象的屬性border：這個(gè)屬性指定了圖像邊界的寬度，以像素為單位。height：該屬性指定了

8、圖像的高度，以像素為單位。hspace：該屬性指定了圖像的左右邊界和周?chē)淖种g的水平距離，以像素為單位。lowsrc：該屬性指定了在低分辨率狀態(tài)下顯示圖像的URL。name：該屬性指定了image對(duì)象的名稱(chēng)，表示HTML文檔中一幅特定的圖像。src：該屬性指定了正常狀況下要顯示圖像的URL，修改該屬性將導(dǎo)致瀏覽器重新加載和顯示圖像。vspace：該屬性指定了圖像的上下邊界和周?chē)淖种g的垂直距離，以像素為單位。 width：該屬性指定了圖像的寬度，以像素為單位。image對(duì)象image對(duì)象的應(yīng)用改變image對(duì)象的src屬性將導(dǎo)致瀏覽器重新加載圖像，如果要使新加載的圖像顯示在原來(lái)的地方并且不

9、影響頁(yè)面上原有的內(nèi)容，那么必須保證新的圖像與原來(lái)的圖像具有相同的高度和寬度，或者通過(guò)設(shè)置image對(duì)象的width和height屬性保證新圖像與原來(lái)的圖像大小相同。為了讓圖像能在需要的時(shí)候迅速的顯示出來(lái)，通常的做法是先將圖像在瀏覽器里緩存起來(lái)，這樣在需要的時(shí)候便可以直接使用，而不是臨時(shí)通過(guò)網(wǎng)絡(luò)下載。緩存圖像的方法十分簡(jiǎn)單，首先使用Image()構(gòu)造函數(shù)創(chuàng)建一個(gè)image對(duì)象，然后將想要使用圖像的URL地址賦給新建image對(duì)象的src屬性。本章小結(jié)document對(duì)象是客戶端JavaScript最為常用的對(duì)象之一，在瀏覽器對(duì)象模型中，它位于window對(duì)象的下一層級(jí)，代表了窗口或者框架中的文檔。document對(duì)象的links屬性包含的就是文檔中的link對(duì)象，link對(duì)象表示的是HTML文檔中超文本鏈接或者客戶端映射表中的可點(diǎn)擊區(qū)域，在HTML文檔中由和標(biāo)簽創(chuàng)建。document對(duì)象的anchors屬性包含的就是文檔中的anchor對(duì)象，anchor對(duì)象表示的是HTML文檔中超文本鏈接的錨，“錨”是HTML文檔中一個(gè)命名了的地點(diǎn)，由具有name屬性的標(biāo)簽創(chuàng)建。document對(duì)象的images屬性是包含的就是文檔中的image對(duì)象，image對(duì)象表示文檔中的內(nèi)嵌圖像，在HTML文檔中由標(biāo)簽創(chuàng)建。div標(biāo)簽是一種可以包含其他HTML標(biāo)簽的標(biāo)簽，在實(shí)際應(yīng)用中，常通過(guò)