BOM(browser object model) 瀏覽器對(duì)象模型:
window:
????????????????|- history(History 對(duì)象是 window 對(duì)象的一部分趾访,可通過(guò) window.history 屬性對(duì)其進(jìn)行訪問(wèn)。
????????????????????????????????????????注釋:沒(méi)有應(yīng)用于 History 對(duì)象的公開(kāi)標(biāo)準(zhǔn)董虱,不過(guò)所有瀏覽器都支持該對(duì)象扼鞋。)
????????????????????????????????|- back ?Version: 加載 history 列表中的前一個(gè) URL。
????????????????????????????????|- forward:?加載 history 列表中的下一個(gè) URL愤诱。
????????????????????????????????|- go:加載 history 列表中的具體的一個(gè) URL云头。
????????????????|- location
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??location 對(duì)象包含有關(guān)當(dāng)前 URL 的信息。
????????????????????????????????Location 對(duì)象是 Window 對(duì)象的一個(gè)部分淫半,可通過(guò) window.location 屬性來(lái)訪問(wèn)
????????????????|- screen
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? screen對(duì)象包含有關(guān)客戶端顯示的屏幕信息溃槐。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? |- height:返回顯示屏幕的高度
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? |- width:返回顯示器屏幕的高度
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? |- availHeight:返回顯示屏幕的高度(除windows任務(wù)欄之外)。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? |- availWidth:返回顯示屏幕的寬度(除windows任務(wù)欄之外)科吭。
????????????????|- navigator
? ? ? ? ? ? ? ? ? ? ? ? ? ? navigator對(duì)象包含的屬性描述了正在使用的瀏覽器昏滴,可以使用這些屬性進(jìn)行平臺(tái)專用的配置。
DOM( document object model 文檔對(duì)象模型)(其包含于BOM中):
? ? ? ? ? ? ? ? 1对人、獲取dom對(duì)象的方法
????????????????????????????在js中影涉,獲取dom對(duì)象有五種方式
? ? ? ? ? ? ? ? ? ? ? ? ? ? 1)、直接獲取 规伐,直接使用標(biāo)簽的id對(duì)該標(biāo)簽操作 ( 不推薦)
????????????????????????????????????????// show.innerHTML = "這個(gè)是新的內(nèi)容";
? ? ? ? ? ? ? ? ? ? ? ? ? ?? 2) 蟹倾、店家推薦,通過(guò)document提供的一個(gè)方法document.getElementById()
????????????????????????????????????????// var _div = document.getElementById("show");
????????????????????????????????????????// _div.innerHTML = "這個(gè)是使用getElementById獲取的";
? ? ? ? ? ? ? ? ? ? ? ? ? ?? 3)、通過(guò)標(biāo)簽名稱獲取對(duì)應(yīng)的標(biāo)簽
????????????????????????????????????????// var _divs = document.getElementsByTagName("div");
????????????????????????????????????????// console.info(_divs)
????????????????????????????????????????// _divs[0].innerHTML = "這個(gè)是使用getElementById獲取的";
? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? 4)鲜棠、通過(guò)class獲取對(duì)應(yīng)的標(biāo)簽
????????????????????????????????????????// var _divs = document.getElementsByClassName("show");
????????????????????????????????????????// console.info(_divs)
????????????????????????????????????????// _divs[1].innerHTML = "是不是";
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 5)肌厨、 通過(guò)name屬性獲取對(duì)應(yīng)的標(biāo)簽// 使用場(chǎng)景只有form標(biāo)簽
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? // var _name = document.getElementsByName("username")
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? // console.info(_name)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? //_name[0].value = "帥哥真帥,我好喜歡盎砺健8贪帧!盒音!";
????????????????2表鳍、操作dom對(duì)象的內(nèi)容
? ? ? ? ? ? ? ? ? ? ? ? ?? 1).innerHTML可以插入HTML片段,能夠解析HTML文本
????????????????????????????????????????_div.innerHTML = "這個(gè)是新發(fā)表的"
? ? ? ? ? ? ? ? ? ? ? ? ? ?? 2).innerText和textContent不能解析HTML片段祥诽,只能插入文本內(nèi)容 *///
????????????????????????????????????????b.textContent="停止抽獎(jiǎng)";
? ? ? ? ? ? ? ? ? ? ? ? ? ? 3).非w3c規(guī)定/
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? _div.innerText = "這個(gè)是新發(fā)表的";
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 4).w3c規(guī)定
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? _div.textContent = "這個(gè)是新發(fā)表的";