資料昨回顧筆記day12_第1頁
資料昨回顧筆記day12_第2頁
資料昨回顧筆記day12_第3頁
資料昨回顧筆記day12_第4頁
資料昨回顧筆記day12_第5頁
已閱讀5頁,還剩29頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

昨日回顧內(nèi)置對象String對象字符串的個數(shù)objStr.lengthobjStr[下標訪問字符串某個字符在字符串這類數(shù)據(jù)上有哪些操作:在一個字符串中找某個位置上字符:objStr.charAt(位置在一個字符串中找某個字符的位置:objStr.昨日回顧內(nèi)置對象String對象字符串的個數(shù)objStr.lengthobjStr[下標訪問字符串某個字符在字符串這類數(shù)據(jù)上有哪些操作:在一個字符串中找某個位置上字符:objStr.charAt(位置在一個字符串中找某個字符的位置:objStr.indexOf(字符objStr.lastIndexOf(字符在一個字符串中找某個字符的編碼:objStr.charCodeAt(位置在一個字符串中截取一段字符:給開始位置,給截取長度或截取個數(shù):objStr.substr(start【len】objStr.substring(start【num】比較兩個字符串:大小寫轉(zhuǎn)換:objStr.toLowerCase()objStr.toUpperCase();分割:objStr.split(分割符Math對象Math.max();Math.min();Math.floor();Math.ceil();Math.abs();Math.pow();Math.sqrt();Math.round();返回的是從01之間的隨機小數(shù)Math.random();Math.floor(Math.random()*(n-m+1)Math.round();返回的是從01之間的隨機小數(shù)Math.random();Math.floor(Math.random()*(n-m+1))Number對象objNum.toFixed(小數(shù)位保存指定倍數(shù)的小數(shù)四舍五入Array對象objArr.lengthobjArr.pop()objArr.push();objArr.shift();objArr.unsift();objArr.splice(start【num【e1e2e2…】】objArr.join(連接符objArrA.concat(objArrobjArr.reverse();默認只按字符串的編碼進行升序排序objArr.sort();如果相實現(xiàn)其他的排序方式,可以自定義排序規(guī)則:objArr.sort(sorting);functionsorting(m,數(shù)值大小排序使用第1個參數(shù)2個參數(shù),實現(xiàn)的升序returnm-使用第2個參數(shù)1個參數(shù),實現(xiàn)的降序returnn-}functionsorting(m,數(shù)值大小排序?qū)崿F(xiàn)的升序returnm.localeCompare(實現(xiàn)的降序returnn.localeCompare(}Date實現(xiàn)的升序returnm.localeCompare(實現(xiàn)的降序returnn.localeCompare(}Date對象創(chuàng)建方法:newDate();newDate(年月日時分秒newDate(“man252016objDate.getFullYear();objDate.getMonth();objDate.getDay();objDate.getDate();objDate.getHours()objDate.getMinues();objDate.getSeconds();objDate.getMillseconds();objDate.getTime();BOM瀏覽器對象的模型BrowserObjectModel瀏覽器對象的模型,瀏覽器公司在生產(chǎn)瀏覽器時會按一定的標簽?zāi)P?,將瀏覽器設(shè)計成多個對象的集合。一、Window對象是瀏覽器中最大的一個對象,也是js最大的作用域?qū)ο?,或js的運行環(huán)境對window象。1、常用屬性:內(nèi)容的寬度window.inner內(nèi)容的高度window.innerHeight瀏覽器的外高度window.outer一、Window對象是瀏覽器中最大的一個對象,也是js最大的作用域?qū)ο?,或js的運行環(huán)境對window象。1、常用屬性:內(nèi)容的寬度window.inner內(nèi)容的高度window.innerHeight瀏覽器的外高度window.outer瀏覽器的內(nèi)高度window.outerHeight;2、常用的方法:window.confirm(提示信息彈出一個需要用戶確認的交互對話框如果用戶點了確定按鈕,會返回true,否則返回falsewindow.open(url,name,options);打開一個新的窗口,顯示url的內(nèi)容name窗口名設(shè)置窗口的外觀optionswidthheightwinid名close();說明:關(guān)閉指定的窗口winid名是window.open方法的返回值window.setTimeOut(funwinid名是window.open方法的返回值window.setTimeOut(funName,millisecond);說明:設(shè)置一個延時器funName是完成一些效果的js函數(shù)milliscecond是毫秒數(shù)在millisecond指定的毫秒數(shù)后,執(zhí)行一次funName函數(shù)。此函數(shù)會返回一個延時器的標識。window.clearTimeout(timer);說明:timer是setTimeout的返回值用于清除延時器window.setInterval(funName,milliseconds);說明:funNamewindow.setInterval(funName,milliseconds);說明:funName是一個完成一定功能的函數(shù)milliseconds是一個毫秒數(shù)設(shè)置一個定時器作用每間隔milliseconds指定的毫秒數(shù)后執(zhí)行一次funName這個函數(shù)此方法會返回一個代表當(dāng)前定時器的標識。window.clearInterval(timer);說明:timer是setInterval的返回值用于清除timer指定的定時器案例:效果打開網(wǎng)頁會出現(xiàn)時分秒按停止會停止時間跳動然后按開始又繼續(xù)跳動案例:效果打開網(wǎng)頁會出現(xiàn)時分秒按停止會停止時間跳動然后按開始又繼續(xù)跳動二、navigator對象navigator對象navigator是window的子對象,訪問時可以省略window對象navigator導(dǎo)航,記錄了瀏覽器軟件的信息1、常用的屬性:瀏覽器軟件內(nèi)核核心代碼名子appnavigator.app1、常用的屬性:瀏覽器軟件內(nèi)核核心代碼名子appnavigator.appnavigator.appVersion 瀏覽器軟件內(nèi)核版本appVersionnavigator.userAgent; 瀏覽器軟件的全部信息userAgent三、location對象location是瀏覽器的地址對象,記錄了當(dāng)前網(wǎng)址的相關(guān)信息網(wǎng)址:http://www.itcast.com:5000admin/index.html?name=zhangsa&age201、常用的屬性可讀,可寫的屬window.location.window.location.href=url(網(wǎng)址網(wǎng)址:http://www.itcast.com:5000admin/index.html?name=zhangsa&age20獲取url中的協(xié)議信息window.location.protocolhttp:網(wǎng)址:http://www.itcast.com:5000admin/index.html?name=zhangsa&age20獲取url中的協(xié)議信息window.location.protocolhttp:獲取url中的主機信息window.location.:5000獲取url中的主機名window.location.hostwww.itcast.獲取url中的端口號window.location.5000獲取文件的路徑window.location.admin/index.獲取url中的搜索信息window.location.search?name=zhangsa&age=獲取url中的錨點信息window.location.#四、history對象history對象維護瀏覽器當(dāng)前進程中訪問過的頁面的歷史記錄列表。1、常用的屬性獲取歷史記錄的長度(當(dāng)前進程中訪問過多少個頁面window.history.length2、常用的方法在當(dāng)前歷史記錄列表中上一頁window.history.back();在當(dāng)前歷史記錄列表中下一頁window.history.forward();window.history.go(n的取值可以正數(shù),或負數(shù)如果是正數(shù):在當(dāng)前歷史記錄列表中下n2、常用的方法在當(dāng)前歷史記錄列表中上一頁window.history.back();在當(dāng)前歷史記錄列表中下一頁window.history.forward();window.history.go(n的取值可以正數(shù),或負數(shù)如果是正數(shù):在當(dāng)前歷史記錄列表中下n如果是負數(shù):在當(dāng)前歷史記錄列表中上nback返回forward前進五、screen對象獲取屏幕屬性1、常用的屬性獲取屏幕的寬度window.screen.獲取屏幕的高度window.screen.height屏幕可用的寬度window.screen.availWidth屏幕可用的高度window.screen.avail六、DOMDocumentObjectModel文檔對象模型文檔:html文檔對象:html文檔中有各種標簽,那么這些標簽就是標簽對象。六、DOMDocumentObjectModel文檔對象模型文檔:html文檔對象:html文檔中有各種標簽,那么這些標簽就是標簽對象。模型:將一個HTML文檔使用一種樹狀結(jié)構(gòu)描述出來。樹是一種學(xué)數(shù)概念,將具有層級的結(jié)構(gòu)用圖形的方式表現(xiàn)出來。表格標簽的theadtbodytfoot,此三個標簽主要用于對表格進行邏輯上的劃分。當(dāng)一個表格中的tr沒有位于任何的theadtbodytfoot中,瀏覽器在顯示表格時,會自動創(chuàng)建一個tbody來包含這些DOM模型七、DOM操作首先明確:html文檔中有html標簽在js中任何一個html標簽都對應(yīng)一個標簽對象html標簽中有屬性、雙邊標簽內(nèi)容、標簽的css樣式,那么在js就對應(yīng)的對象上也有一個屬性與之相對應(yīng)。JShtml文檔中有html標簽在js中任何一個html標簽都對應(yīng)一個標簽對象html標簽中有屬性、雙邊標簽內(nèi)容、標簽的css樣式,那么在js就對應(yīng)的對象上也有一個屬性與之相對應(yīng)。JS中對DOM的操作步驟:1步:獲取標簽,獲取到就是js的標簽對象第2步:操作屬性、雙邊標簽內(nèi)容、標簽的css樣式JS中dom操作1.獲取標簽2.操作屬性雙邊標簽內(nèi)容標簽的css樣式1、獲取標簽①、通過標簽的id值獲取標簽對象通過標簽的id值去獲取標簽對象語法:document.getElementById(‘標簽的id值說明:用于獲取與指定的id值相同的標簽,并返回標簽對象。getElementById()此方法,只有document對象有。此方法只返回1個對象Document.getElementById()這種方法只返回一個對象效果:②、通過標簽名獲取標簽對象語法:父對象getElementsBy效果:②、通過標簽名獲取標簽對象語法:父對象getElementsByTagName(‘標簽名父對象getElementsByTag說明:***獲取指定的父對象內(nèi)的所有給定的標簽名,所有的標簽對象,并返回***此方法會返回一個集合無論是否獲取到元素或獲取到1個元素也是一個集合***如果想看這個集合中有多少個元素可以使用length查看***如果想獲取到集合中的具體的標簽對象可以使用訪問數(shù)組元素的方式獲取具體的標簽對象③、通過某些標簽的name屬性值獲取1.通過某些標簽的name屬性值來獲取語法:document③、通過某些標簽的name屬性值獲取1.通過某些標簽的name屬性值來獲取語法:document.form表單的name屬性值表單元素的name屬性值④、通過DOM節(jié)點樹的關(guān)系獲取所有的子節(jié)點.childNodesparent 獲取父節(jié)點獲取下一個兄弟節(jié)點.nextparent 獲取父節(jié)點獲取下一個兄弟節(jié)點.nextSibling獲取上一個兄弟節(jié)點.previousSibling.frist-child.last-child標簽對象的屬性2、.frist-child.last-child標簽對象的屬性2、用于獲取或設(shè)置一個雙邊標簽的內(nèi)容包含被包含html標簽.inner用于獲取或設(shè)置雙邊標簽的內(nèi)容不包含標簽.textContent用于獲取或設(shè)置具有value屬性的表單元素的內(nèi)容.用于獲取標簽名.nodeinnertextContentvalueinnertextContentvaluenode3、表格特有的屬性tBodies node3、表格特有的屬性tBodies 獲取表格中所有的tBody標簽,是一個集合,訪問集合中的具體的元素使用訪問數(shù)組元素的方式獲取具體的tbody中所有的tr標簽,是一個集合,問集合中的具體的元素使用訪.問數(shù)組元素的方式獲取具體tr中所有的td標簽,是一個集合,問集合中的具體的元素使用訪問數(shù).cells組元素的方式tBodiescellscells4、標簽本身的操作①、創(chuàng)建一個標簽語法:4、標簽本身的操作①、創(chuàng)建一個標簽語法:document.createElement(‘標簽名說明:此方法只有document對象有,會返回一個新創(chuàng)建的標簽對象新創(chuàng)建的對象僅位于內(nèi)存中,在頁面上看不到②、添加標簽語法:父元素appendChild②、添加標簽語法:父元素appendChild(新創(chuàng)建的對象說明:向父元素中追加新創(chuàng)建的對象③、刪除標簽語法:父元素removeChild③、刪除標簽語法:父元素removeChild(子元素說明:主要用于從父元素中刪除子元素5、標簽屬性的操作此節(jié)占的標簽屬性指是5、標簽屬性的操作此節(jié)占的標簽屬性指是html標簽的屬性,不包含c①、獲取屬性標簽對象標簽屬性名標簽對象getAttribute(‘屬性名②、設(shè)置屬性標簽對象標簽屬性名值標簽對象set②、設(shè)置屬性標簽對象標簽屬性名值標簽對象setAttribute(‘屬性名’,’屬性值③、刪除屬性語法:標簽對象屬性名標簽對象removeAttribute(‘屬性名6、特殊的屬class屬性6、特殊的屬class屬性7、標簽對象css樣式(腳本樣式語法:標簽對象style=””;說明:如果一次性設(shè)置可以使用此語法如果單設(shè)置其中的一個會出現(xiàn),樣式的丟失語法:標簽對象stye.腳本樣式說明:腳本樣式與css樣式的區(qū)別:如果一個語法:標簽對象stye.腳本樣式說明:腳本樣式與css樣式的區(qū)別:如果一個css樣式由兩個或以上單詞組成,那么腳本樣式就是去掉連字符(-),采用小駝峰,就是腳本樣式。八、事件編程1、事件事件是js中的跳動心臟。事件就當(dāng)用戶在瀏覽網(wǎng)頁時事件就會發(fā)生,例如:用戶點擊某個標簽,鼠標移過某個標簽,或按鍵盤上某個鍵子。當(dāng)事件發(fā)生時瀏覽器會一直監(jiān)視事件的發(fā)生,并在事件發(fā)生時,查看此事件是否有綁定事件處理程序,如果有就執(zhí)行。2、事件分類①、鼠標事件當(dāng)鼠標移入某個標簽時,觸發(fā)此事件onmouseover當(dāng)鼠標在某個標簽上移動時,觸發(fā)此事件onmousemove當(dāng)鼠標移出某個標簽時觸發(fā)此事件onmouseout②、鍵盤事件當(dāng)鍵盤按下時,觸發(fā)此事件onkeydown介于onkeydown2、事件分類①、鼠標事件當(dāng)鼠標移入某個標簽時,觸發(fā)此事件onmouseover當(dāng)鼠標在某個標簽上移動時,觸發(fā)此事件onmousemove當(dāng)鼠標移出某個標簽時觸發(fā)此事件onmouseout②、鍵盤事件當(dāng)鍵盤按下時,觸發(fā)此事件onkeydown介于onkeydown與onkeyup之間的事件onkeypress當(dāng)鍵盤釋放時,觸發(fā)此事件onkeyup③、基本事件單擊時觸發(fā)此事件onclick雙擊時觸發(fā)此事件ondblclick當(dāng)文本框獲取焦點時觸發(fā)此事件onfocus當(dāng)文本框失去焦點時觸發(fā)此事件onblur當(dāng)表單form提交時,觸發(fā)此事件主要用于表單驗證onsubmit當(dāng)表單form③、基本事件單擊時觸發(fā)此事件onclick雙擊時觸發(fā)此事件ondblclick當(dāng)文本框獲取焦點時觸發(fā)此事件onfocus當(dāng)文本框失去焦點時觸發(fā)此事件onblur

溫馨提示

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

最新文檔

評論

0/150

提交評論