BOM&DOM

1.BOM

BOM是瀏覽器對(duì)象模型,就可以理解成是當(dāng)前瀏覽器打開(kāi)窗口

window對(duì)象就是BOM

通過(guò)window對(duì)象可以操作瀏覽器本身,它里面提供了一些操作當(dāng)前瀏覽器的對(duì)象和方法

1.1各種彈框:

消息框:window.alter('消息框')

輸入框:window.prompt('請(qǐng)輸入:')

確認(rèn)框:window.confirm('確認(rèn)框')

彈框

1.2定時(shí)器

setTimeout定時(shí)器,在指定的毫秒后執(zhí)行一次

open()方法,用于打開(kāi)新的窗口

打開(kāi)百度新窗口

setInterval()定時(shí)器,每隔指定的毫秒后執(zhí)行一次

每隔指定毫秒后執(zhí)行一次

close()用于關(guān)閉當(dāng)前窗口

關(guān)閉當(dāng)前窗口

1.3數(shù)據(jù)轉(zhuǎn)換的方式

window.parseInt('100')將字符串'100'強(qiáng)轉(zhuǎn)為整型100

window.parseFloat()將字符串'100.55',強(qiáng)轉(zhuǎn)為浮點(diǎn)型100.55

window.isNaN('100s')判斷100s,不是數(shù)值數(shù)據(jù),成立返回true

數(shù)據(jù)轉(zhuǎn)換方式

1.4window對(duì)象還提供了常用屬性

location屬性

location是window對(duì)象的屬性,該屬性用于設(shè)置網(wǎng)頁(yè)的地址欄

location.href屬性表示跳轉(zhuǎn),當(dāng)前瀏覽器的地址欄發(fā)生了跳轉(zhuǎn),其實(shí)超鏈接標(biāo)簽內(nèi)部就是對(duì)location.href屬性的封裝

window.location.gref = 'http://baidu.com'

location.reload()方法表示刷新當(dāng)前地址欄(刷新當(dāng)前窗口)

window.location.reloadd()

location屬性

history屬性:

history是window對(duì)象屬性,該屬性用于設(shè)置網(wǎng)頁(yè)的瀏覽歷史記錄

history屬性

forward()前進(jìn)

window.history.forward()

back()后退

window.history.back()

go()方法,既可以實(shí)現(xiàn)前進(jìn),也可以實(shí)現(xiàn)后退

window.history.go(1)//前進(jìn)一次

window.history.go(-3) //后退三次

創(chuàng)建三個(gè)網(wǎng)頁(yè)來(lái)實(shí)現(xiàn)前進(jìn)和后退

第一個(gè)網(wǎng)頁(yè)one
第二個(gè)網(wǎng)頁(yè)two
第三個(gè)網(wǎng)頁(yè)three

后面接著分析DOM

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 BOM Browser Object Model:瀏覽器對(duì)象模型,是瀏覽器為JS提供的能對(duì)瀏覽器進(jìn)行相關(guān)操作的...
    采蘑菇的仔仔閱讀 730評(píng)論 0 0
  • 2js組成 我們都知道,javascript有三部分構(gòu)成,ECMAScript,DOM和BOM,根據(jù)宿主(瀏覽器)...
    微笑_edac閱讀 507評(píng)論 0 0
  • BOM (瀏覽器對(duì)象模型(BrowserObjectModel)) BOM(Browser Object Mode...
    深擁_66e2閱讀 183評(píng)論 0 0
  • 這幾個(gè)知識(shí)點(diǎn),你真的都吃透了嗎? # 先說(shuō) DOM: DOM 全稱(chēng)是 Document Object Model,...
    果汁涼茶丶閱讀 642評(píng)論 0 2
  • DOM簡(jiǎn)單學(xué)習(xí): 功能:控制html文檔的內(nèi)容 獲取頁(yè)面標(biāo)簽(元素)對(duì)象:Elementdocument.getE...
    JayMeWangGL閱讀 205評(píng)論 0 0

友情鏈接更多精彩內(nèi)容