[計(jì)算機(jī)]javascript客戶(hù)端驗(yàn)證和高級(jí)特效制作(編輯修改稿)
2025-09-17 15:55 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 機(jī)名部分href設(shè)置或檢索完整的 URL 字符串Location對(duì)象方法見(jiàn)表。名稱(chēng)說(shuō)明assign(url)加載 URL 指定的新的 HTML 文檔。 reload()重新加載當(dāng)前頁(yè)replace(url) 通過(guò)加載 URL 指定的文檔來(lái)替換當(dāng)前文檔本章特效：動(dòng)態(tài)時(shí)鐘的顯示；第三章 DOM編程document對(duì)象document對(duì)象的常用屬性和方法 （1）document對(duì)象的屬性Document對(duì)象的屬性包括對(duì)應(yīng)HTML的body標(biāo)簽的一些屬性和描述網(wǎng)頁(yè)文檔自身的一些屬性，對(duì)body標(biāo)簽相關(guān)的屬性有：文本顏色，背景色、超鏈接等等。下面簡(jiǎn)單羅列一些：名 稱(chēng) 說(shuō) 明bgColor設(shè)置或檢索 Document 對(duì)象的背景色 fgColor設(shè)置前景色即文本顏色linkColor未點(diǎn)擊過(guò)的鏈接顏色alinkColor激活鏈接的顏色vlinkColor已點(diǎn)擊過(guò)的鏈接的顏色（2）document對(duì)象的方法document方法很多，不過(guò)我們這章主要講述最重要的兩個(gè)。表32 document對(duì)象方法名稱(chēng) 說(shuō)明getElementByID( )根據(jù)HTML元素指定的ID，獲得唯一的一個(gè)HTML元素。如：訪(fǎng)問(wèn)DIV層對(duì)象、圖片Img對(duì)象getElementsByName( )根據(jù)HTML元素指定的name，獲得相同名稱(chēng)的一組元素。如：訪(fǎng)問(wèn)表單元素(全選功能)當(dāng)訪(fǎng)問(wèn)某一特定元素盡量用標(biāo)準(zhǔn)的getElementById()，訪(fǎng)問(wèn)重復(fù)姓名時(shí)用getElementsByName()。Document對(duì)象中并沒(méi)有特別的事件，它所支持的事件都是通用的，在document對(duì)象上講解這些事件處理不具有典型性，大家只要掌握了某個(gè)事件在一個(gè)對(duì)象上的處理方式，也就自然掌握了在其它對(duì)象上處理此事件的方法，所以對(duì)document對(duì)象的事件不再專(zhuān)門(mén)介紹。本章特效：制作浮動(dòng)的廣告圖片實(shí)現(xiàn)思路：在頁(yè)面中插入層，然后在層中插入圖片。編寫(xiě)腳本：使用getElementByID( )方法獲取層對(duì)象捕獲鼠標(biāo)滾動(dòng)事件，改變層對(duì)象的位置坐標(biāo)注意事項(xiàng)：常見(jiàn)的頁(yè)面坐標(biāo)的介紹top:指定元素的上邊界位置。pixelTop:設(shè)置或返回元素的上邊界。left:指定元素的左邊界位置。scrolltop:頁(yè)面滾動(dòng)的高度制作帶關(guān)閉按鈕的廣告圖片實(shí)現(xiàn)思路：在頁(yè)面中插入層，在層中插入圖片。編寫(xiě)腳本：使用getElementById( )方法獲得層對(duì)象。設(shè)置層的樣式style的顯示屬性display=none。把實(shí)現(xiàn)過(guò)程編成函數(shù)，有層的單擊鼠標(biāo)事件（OnClick）觸發(fā)。制作帶關(guān)閉按鈕的浮動(dòng)窗口分析問(wèn)題：讓關(guān)閉圖標(biāo)所在的層像浮動(dòng)窗口一樣，也跟隨滾動(dòng)條同步滾動(dòng)。制作實(shí)現(xiàn)全選效果分析問(wèn)題：復(fù)選框是否選中的屬性是哪個(gè)？checked屬性 寫(xiě)代碼逐個(gè)復(fù)選框設(shè)置為true，有沒(méi)有更好的辦法？ 解決辦法: 使用復(fù)選框數(shù)組，通過(guò)循環(huán)給checked屬性賦值實(shí)現(xiàn)思路：創(chuàng)建一組同名的復(fù)選框編寫(xiě)腳本使用getElementsByName( )方法獲得一組同名的復(fù)選框?qū)ο?。通過(guò)循環(huán)來(lái)改變復(fù)選框是否被選中屬性checked的值。第四章 CSS樣式特效CSS樣式表的相關(guān)知識(shí)總結(jié)CSS（CasCading Style Sheets）的縮寫(xiě)，譯作層疊樣式表，它的作用是定義HTML元素的顯示形式，是一種格式化網(wǎng)頁(yè)內(nèi)容的技術(shù)。（1）CSS語(yǔ)法CSS的定義是由三個(gè)部分構(gòu)成：選擇符（selector），屬性（properties）和屬性的取值（value）。 基本格式如下：selector { property: value} （選擇符 { 屬性：值}） 選擇符是可以是多種形式，一般是你要定義樣式的HTML標(biāo)記，例如BODY、P、TABLE……，你可以通過(guò)此方法定義它的屬性和值，屬性和值要用冒號(hào)隔開(kāi)，如果需要對(duì)一個(gè)選擇符指定多個(gè)屬性時(shí)，我們使用分號(hào)將所有的屬性和值分開(kāi)。用類(lèi)選擇符你能夠把相同的元素分類(lèi)定義不同的樣式，定義類(lèi)選擇符時(shí)，在自定類(lèi)的名稱(chēng)前面加一個(gè)點(diǎn)號(hào)。（2）CSS樣式表加入方式①行內(nèi)樣式表此方法是直接在標(biāo)簽內(nèi)部定義，用這種方法，可以簡(jiǎn)單的對(duì)頁(yè)面中的任何標(biāo)簽單獨(dú)定義樣式，不過(guò)此種方法會(huì)使HTML文檔代碼凌亂、臃腫、不易讀。②內(nèi)嵌樣式表內(nèi)嵌樣式表也稱(chēng)為嵌入樣式表，它放置在HEAD/HEAD標(biāo)簽內(nèi)，并且以STYLE type=text/css 開(kāi)始，以/STYLE結(jié)束，這些定義的樣式可以應(yīng)用到頁(yè)面中。③外部樣式表外部樣式表是一個(gè)獨(dú)立的
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1