資料昨回顧筆記day12

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