Web - API (DOM,BOM)

DOM

1.元素節(jié)點(diǎn):
元素節(jié)點(diǎn)element: 更精確的獲得元素的標(biāo)簽名(全大寫(xiě))
屬性節(jié)點(diǎn)attribute: 屬性名
文本節(jié)點(diǎn)text: #text
注釋節(jié)點(diǎn)document:#document

2.nodeType: 描述節(jié)點(diǎn)對(duì)象的類型肃弟,值是一個(gè)數(shù)字
element_NODE: 1
attribute_NODE: 2
text_NODE: 3
document_NODE: 9

3.獲取節(jié)點(diǎn)名稱:nodeName

4.節(jié)點(diǎn)的值: nodeValue

5.父子關(guān)系: parserFloat
parentNode(父節(jié)點(diǎn))
childNodes(所有子節(jié)點(diǎn))
firstChild(第一子元素)
lastChild(最后一子元素)
兄弟關(guān)系: previousSibling(上一個(gè)兄弟)
nextSibling(下一個(gè)兄弟)
元素樹(shù)父子關(guān)系: parentElementNode (父節(jié)點(diǎn))
firstElementChild(第一子元素)
lastElementChild(最后一子元素)
兄弟關(guān)系: previousElementSibling(上一個(gè)兄弟)
nextElementSibling (下一個(gè)兄弟)

6.開(kāi)始標(biāo)簽到結(jié)束標(biāo)簽之間的一切html原文:elem.innerHTML

7.獲取所有屬性的集合: elem.attributes

8.獲得指定屬性的值:elem.getAttribute("屬性名")

9.設(shè)置指定屬性的值:elem.setAttribute("屬性名","屬性值")

10.移除屬性:elem.removeAttribute("屬性名")

11.獲取焦點(diǎn)onfocus="getFocus(this)"

12.失去焦點(diǎn)onblur="valiName(this)"

13.1. HTML創(chuàng)建元素: 3步:
Step1. 創(chuàng)建空元素對(duì)象:
var elem=document.createElement("標(biāo)簽名")
相當(dāng)于: <標(biāo)簽名></標(biāo)簽名>
Step2. 為空元素添加關(guān)鍵屬性
elem.屬性名="值"
elem.innerHTML="內(nèi)容"
相當(dāng)于: <標(biāo)簽名 屬性名="值">內(nèi)容</標(biāo)簽名>
Step3. 將新元素掛到DOM樹(shù)中指定父元素下
追加: parent.appendChild(elem)
插入: parent.insertBefore(elem,現(xiàn)有元素)
替換: parent.replaceChild(elem,現(xiàn)有元素)
刪除: parent.removeChild(elem)

14.查找所有符合條件的元素var elems=document.querySelectorAll("以CSS的方式");

15.只查找一個(gè)符合條件的元素: var elem=docuemnt.querySelector("selector");

16.脫掉衣服txt.className="";

17.創(chuàng)建Option:sel.add(new Option(innerHTML,value))

18.Table:
創(chuàng)建: createTHead/TBody/TFoot
刪除: deleteTHead/TFoot
獲取: .tHead/tFoot.tBodies[i]
添加: .insertRow/Cell(i)
刪除: .deleteRow/Cell(i),

19.Form:
獲取:var form=document.form[i/id/name];
獲得表單元素:form.elements[i/id/name]
當(dāng)提交前觸發(fā):onsubmit;

BOM

1.獲取完整窗口大形蛟拧:outerWidth/outerHeight

2.獲取文檔顯示區(qū)大兄O蟆:innerWidth/innerHeight

3.新窗口大邢L:resizeTo(width,height)
resizeBy(width/height)增量

4.事件坐標(biāo):
參照屏幕左上角: e.screenX, e.screenY
參照文檔顯示區(qū)左上角: e.clientX||e.x , e.clientY||e.y
參照所在父元素的左上角: e.offsetX , e.offsetY

5.前進(jìn)/退后:history.go(1/-1)

6.當(dāng)前頁(yè)面打開(kāi)不可后退:location.replace(“url”)

7.重新加載當(dāng)前頁(yè)面: location.reload(false/true)

8.判斷是否有某一插件checkPlugin(“name”)

9.定時(shí)器一次性:clearInterval(timer);time=null

10.定時(shí)器周期性:cleartimeout(timer);time=null

11.停止定時(shí)器:
周期性: clearInterval(timer); timer=null
一次性: clearTimeout(timer); timer=null

12.添加事件監(jiān)聽(tīng):btn.addEventListener(“事件名”熏纯,函數(shù)對(duì)象)

13.刪除事件監(jiān)聽(tīng):btn.remove

14.EventListener(“事件名”桃熄,函數(shù)對(duì)象)

15.阻止冒泡:e.stopPropagation();

16.取消事件(阻止默認(rèn)行為):e.preventDefault

17.創(chuàng)建cookie: document.cookie="變量名=值;expires="+date.toGMTString();

js中包含的錯(cuò)誤:
SyntaxError: 語(yǔ)法錯(cuò)誤
ReferenceError: 引用錯(cuò)誤 要用的東西沒(méi)找到
RangeError: 范圍錯(cuò)誤 專指參數(shù)超范圍
TypeError: 類型錯(cuò)誤 錯(cuò)誤的調(diào)用了對(duì)象的方法
EvalError: raised when an error occurs executing code in eval()
URIError: raised when encodeURI() or decodeURI() are passed invalid parameters

創(chuàng)建文檔片段
Step1: 創(chuàng)建文檔片段對(duì)象:
var frag=document.createDocumentFragment();
Step2: 將平級(jí)子元素肺素,追加到文檔片段中
frag.appendChild(elem)
Step3: 將文檔片段掛到DOM樹(shù)上指定父節(jié)點(diǎn)下
parent.appendChild(frag);

補(bǔ)充:

DOM操作

如:將網(wǎng)頁(yè)中的一個(gè)圖片刪掉恨锚,以及增加一張圖片、增加一個(gè)鏈接倍靡、修改一個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)猴伶,做一個(gè)廣告彈層,以及頁(yè)面上的動(dòng)態(tài)效果等等

BOM操作

如:獲取瀏覽器特性塌西,獲取當(dāng)前屏幕的寬度他挎、高度,獲取當(dāng)前地址欄地址

1.DOM操作的常用API有哪些捡需?

獲取DOM節(jié)點(diǎn)办桨,以及節(jié)點(diǎn)的property和Attribute,

獲取父節(jié)點(diǎn)站辉,獲取子節(jié)點(diǎn)呢撞,

新增節(jié)點(diǎn),刪除節(jié)點(diǎn)

2.DOM節(jié)點(diǎn)的property和Attribute有何區(qū)別饰剥?

property只是一個(gè)JS對(duì)象的屬性的修改

Attribute是對(duì)html標(biāo)簽屬性的修改

3.如何檢測(cè)瀏覽器的類型

用navigator.userAgent殊霞。

但是,有些瀏覽器用navigator.userAgent分辨不全汰蓉。360瀏覽器為了讓競(jìng)爭(zhēng)對(duì)手分不出來(lái)是Chrom還是360瀏覽器绷蹲,360瀏覽器就把navigator.userAgent做的和Chrom一模一樣。但是大部分都可以區(qū)分瀏覽器的顾孽。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末祝钢,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子若厚,更是在濱河造成了極大的恐慌拦英,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件盹沈,死亡現(xiàn)場(chǎng)離奇詭異龄章,居然都是意外死亡吃谣,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)做裙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)岗憋,“玉大人,你說(shuō)我怎么就攤上這事锚贱∽懈辏” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵拧廊,是天一觀的道長(zhǎng)监徘。 經(jīng)常有香客問(wèn)我,道長(zhǎng)吧碾,這世上最難降的妖魔是什么凰盔? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮倦春,結(jié)果婚禮上户敬,老公的妹妹穿的比我還像新娘。我一直安慰自己睁本,他們只是感情好尿庐,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著呢堰,像睡著了一般抄瑟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上枉疼,一...
    開(kāi)封第一講書(shū)人閱讀 49,046評(píng)論 1 285
  • 那天皮假,我揣著相機(jī)與錄音,去河邊找鬼往衷。 笑死钞翔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的席舍。 我是一名探鬼主播布轿,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼来颤!你這毒婦竟也來(lái)了汰扭?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤福铅,失蹤者是張志新(化名)和其女友劉穎萝毛,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體滑黔,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡笆包,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年环揽,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片庵佣。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡歉胶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出巴粪,到底是詐尸還是另有隱情通今,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布肛根,位于F島的核電站辫塌,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏派哲。R本人自食惡果不足惜臼氨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望狮辽。 院中可真熱鬧一也,春花似錦、人聲如沸喉脖。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)树叽。三九已至,卻和暖如春谦絮,著一層夾襖步出監(jiān)牢的瞬間题诵,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工层皱, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留性锭,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓叫胖,卻偏偏與公主長(zhǎng)得像草冈,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子瓮增,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • js基礎(chǔ)知識(shí):基于ECMA 262標(biāo)準(zhǔn)(規(guī)定基礎(chǔ)語(yǔ)法绷跑、規(guī)則) --變量類型和計(jì)算--原型和原型鏈--閉包和作用域-...
    飛菲fly閱讀 539評(píng)論 0 0
  • (1)鏈接標(biāo)記target屬性的_self砸捏、_top谬运、_parent隙赁、_blank、main梆暖、left鸳谜、top各有...
    櫻桃小丸子兒閱讀 9,069評(píng)論 3 33
  • DOM 1.元素節(jié)點(diǎn): 元素節(jié)點(diǎn)element: 更精確的獲得元素的標(biāo)簽名(全大寫(xiě)) 屬性節(jié)點(diǎn)attribute:...
    鄭正好啊閱讀 1,090評(píng)論 0 0
  • 最近這幾天晦墙,前任主席柳華去醫(yī)院了闹炉,我也發(fā)現(xiàn)我生病了啤它,也去了趟醫(yī)院广辰,找到我的表哥(表哥是醫(yī)生)烤芦,我表哥說(shuō)我無(wú)藥可醫(yī)冠句,...
    卡布西洛閱讀 1,011評(píng)論 2 1
  • 1 燕詢假扮劉熙對(duì)歐陽(yáng)家鏟草除根時(shí)蠕趁,諸葛玥和楚喬流浪在外時(shí)救下了歐陽(yáng)家的小公子墨兒薛闪,楚喬一句好好照顧墨兒,諸葛玥日...
    AJ127閱讀 26,986評(píng)論 2 3