js中的BOM模型

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ā)表的";

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末譬圣,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子雄坪,更是在濱河造成了極大的恐慌厘熟,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件维哈,死亡現(xiàn)場(chǎng)離奇詭異绳姨,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)阔挠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門飘庄,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人购撼,你說(shuō)我怎么就攤上這事跪削。” “怎么了份招?”我有些...
    開(kāi)封第一講書人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵切揭,是天一觀的道長(zhǎng)狞甚。 經(jīng)常有香客問(wèn)我锁摔,道長(zhǎng),這世上最難降的妖魔是什么哼审? 我笑而不...
    開(kāi)封第一講書人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任谐腰,我火速辦了婚禮,結(jié)果婚禮上涩盾,老公的妹妹穿的比我還像新娘十气。我一直安慰自己,他們只是感情好春霍,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布砸西。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪芹枷。 梳的紋絲不亂的頭發(fā)上衅疙,一...
    開(kāi)封第一講書人閱讀 51,688評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音鸳慈,去河邊找鬼饱溢。 笑死,一個(gè)胖子當(dāng)著我的面吹牛走芋,可吹牛的內(nèi)容都是我干的绩郎。 我是一名探鬼主播,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼翁逞,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼肋杖!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起熄攘,我...
    開(kāi)封第一講書人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤兽愤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后挪圾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體浅萧,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年哲思,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了洼畅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡棚赔,死狀恐怖帝簇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情靠益,我是刑警寧澤丧肴,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站胧后,受9級(jí)特大地震影響芋浮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜壳快,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一纸巷、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧眶痰,春花似錦瘤旨、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)因宇。三九已至,卻和暖如春祟偷,著一層夾襖步出監(jiān)牢的瞬間羽嫡,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工肩袍, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留杭棵,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓氛赐,卻偏偏與公主長(zhǎng)得像魂爪,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子艰管,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

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