大神養(yǎng)成計(jì)劃之嶄露頭角_第1頁(yè)
大神養(yǎng)成計(jì)劃之嶄露頭角_第2頁(yè)
大神養(yǎng)成計(jì)劃之嶄露頭角_第3頁(yè)
大神養(yǎng)成計(jì)劃之嶄露頭角_第4頁(yè)
大神養(yǎng)成計(jì)劃之嶄露頭角_第5頁(yè)
已閱讀5頁(yè)，還剩25頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

screen對(duì)屬性 功 <!DOCTYPE<html<!DOCTYPE<html <metacharset="UTF- <script varstrh2>輸出屏幕的相關(guān)信息 str strbr/> strbr/>屏幕的高度："+screen.availHeight;除了windows的任務(wù)欄 屬性 功 <!DOCTYPE<html<!DOCTYPE<html <metacharset="UTF- <script varstrh2>輸出瀏覽器的相關(guān)信息 str strbr/> if(navigator.appName== InternetExplorer"){ Location對(duì)location屬性 功 location屬性 功 history對(duì)history方法 功 加載上一個(gè)URL頁(yè) DOM對(duì)DOM DOMDOMHTMLJSHTMLPHPDOM1，我們要通過JavaScript來操作HTML先要找到這個(gè)HTML對(duì)2，我們操作的對(duì)象這個(gè)里面擁有的屬性那么這個(gè)對(duì)象也會(huì)同時(shí)擁DOM凡是在JS中遇到“集合”兩字它就等價(jià)于數(shù)組 它的方式與數(shù)組一樣需要通過下 DOM方法 功 ementById(“id的屬性值id 名 通 名來獲取元素它返回是一個(gè)數(shù)集合如果要其中的某一個(gè)對(duì)象要使用下標(biāo)來進(jìn)行！就算這個(gè)數(shù)組里面的元素只有一個(gè)那么也是要使用數(shù)組下標(biāo)的方式來進(jìn)行！祖先對(duì)象 名 祖先對(duì)象性值

ementsByName(“name的屬

通過的name屬性值來獲取元素它返回是一個(gè)數(shù)組如果要其中的某一個(gè)對(duì)象要使用下標(biāo)來進(jìn)行！就算這個(gè)數(shù)組里面的元素只有一個(gè)那么也是要使name.geementById(“id的屬性值 ID選擇 祖先對(duì)象 ementsByTagName(“名DOM對(duì)象對(duì)HTML的屬性操<名屬性=“值”要操作的對(duì)象.屬性要操作的對(duì)象.屬性 對(duì)象.屬性這種方式來操作的中class屬性那么請(qǐng)記得將class這個(gè)屬性修改為className才可以！要操作的對(duì)象我們使用對(duì)象.屬性名這種方式就要將class這個(gè)關(guān)鍵字改為className，如果使用要操作的對(duì)象.setAttribute()這個(gè)方法來設(shè)置class屬性時(shí)直接寫class就可以了！DOM對(duì)象對(duì)中的style屬性操作---→CSS它主要是用來操作的style的屬性=操作行內(nèi)樣<名style=”CSS樣式”注意：JavaScript它只能操作的行內(nèi)樣式！要操作的對(duì)象.style.css屬性=“值”div進(jìn)行顯示或者隱藏<!DOCTYPE<!DOCTYPE<html <metacharset="UTF- <style padding: width: margin:100px list-style-type: <div <buttonid="btn">校區(qū)管理 <ulid="school"style="display: <script //第一步：要獲取id=btn這 對(duì) varbtnObj //第二步：獲取id=school這 varulObj //第三步：給btn這 btnObj.onclick= //操作這個(gè) 對(duì)象的style屬性 if(ulObj.style.display== ulObj.style.display= ulObj.style.display= CSS 全選、反選、取<!DOCTYPE<!DOCTYPE<html <metacharset="UTF- <script ： 籃球：<inputtype="checkboxname="hobby" 足球：<inputtype="checkbox 乒乓球：<inputtype="checkbox" 桌球：<inputtype="checkbox球：<inputtype="checkbox 保齡球：<inputtype="checkbox" <buttonid="btn">全選 <buttonid="quxiao">取消 <buttonid="fanxuan">反選 <script //先獲取到id=btn varbtnObj= varquxiao= varfanxuan= //通過name varinputsObj varinputsObjLength= btnObj.onclick= for(var inputsObj[i].checkedtrue;//是被選中 quxiao.onclick= for(var inputsObj[i].checkedfalse;// fanxuan.onclick fanxuan.onclick= for(var //判斷當(dāng)前的checkbox是否選中如果選中就讓它不選中 inputsObj[i].checked= inputsObj[i].checked= 事js是一門事件驅(qū)動(dòng)式的語(yǔ)言JS說明：所謂的行內(nèi)綁定事件是將事件寫在HTML里面<名事件名=“函數(shù)名()”JS代碼里面通過JS獲取對(duì)象.事件名=事件的處理程序 W3C才認(rèn)事件名沒有on前綴比如：click 當(dāng)頁(yè)面加載完成后指body里面所有的都加載完成以后再來執(zhí)行onload事件onload事件要和window對(duì)象來綁 onload還可以寫在 onmouseover當(dāng)鼠標(biāo)經(jīng)過時(shí) 當(dāng)表單提交時(shí)它主要是用來實(shí)現(xiàn)表單驗(yàn)證這個(gè)事件要綁定給 onsubmit事件它主要是用來 false true false true <!DOCTYPE<!DOCTYPE<html <metacharset="UTF- 紅：<inputtype="rangemin="0max='255id="btn1"綠：<inputtype="rangemin="0max='255id="btn2"藍(lán)：<inputtype="rangemin="0max='255id="btn3"<script //通過 varinputsObj //給每一個(gè) 對(duì)象綁定onchange事 for(var inputsObj[i].onchange= //要分別獲取到其value varred vargreen varblue .body.style.backgroundColor= 表單驗(yàn)證案 <html<html" <metahttp-equiv="Content-Type"content="text/html;charset=UTF- <formname='form1'onsubmit='returncheckForm()' <tablewidth='600'align='center' <tdalign='right'width='150'>用戶名 <tdwidth='100'><inputtype='text'name='username'id="username"onfocus='focus_username()'onblur='blur_username()'/></td> <td><span <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML<tdalign='right' <tdwidth='100'><inputtype='password'id="password"name='password'onfocus='focus_password()'onblur='blur_password()'/></td> <td><span <td><inputtype='submitvalue='提交 <script //獲取id=user_res這 varspanUserObj= varinputUserObj= varspanPassObj= varinputPassObj= //點(diǎn)時(shí)戶 function spanUserObj.innerHTMLfontcolor='#f00'>請(qǐng)輸入用戶名 //當(dāng)用戶名輸入框失去焦點(diǎn)時(shí) 2.驗(yàn)證用戶名的長(zhǎng)度是否合法長(zhǎng)度5~18 function varuserValue= varuserValueLengthuserValue.length;//獲取用戶名的長(zhǎng) if(userValueLength== spanUserObj.innerHTMLfontcolor='#f00'> return }elseif(userValueLength<5||userValueLength> //長(zhǎng)度必須要在5~18位之間不合法才提 spanUserObj.innerHTMLfontcolor='#f00'>長(zhǎng)度必須要在5~18位之 return }else spanUserObj.innerHTMLfontcolor='#f00'>用戶名有特殊符 return spanUserObj.innerHTMLfontcolor='#00f'>用戶名合法 return 輸入框獲取焦點(diǎn)時(shí)要提示用戶請(qǐng)輸 function spanPassObj.innerHTML spanPassObj.innerHTML="<fontcolor='#f00'>請(qǐng)輸 的長(zhǎng)度是否合法長(zhǎng)度5~18 合 function 框的value屬 varpassValue= varpassValueLength= if(passValueLength== return }elseif(passValueLength<5||passValueLength spanPassObj.innerHTML spanPassObj.innerHTMLfont 必須在5~20 return spanPassObj.innerHTML spanPassObj.innerHTMLfont return var vararr= vararrLength= varuserLength= for(var for(var if(user[i]== return return function //什么情況下

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論