国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

js中BOM知識概覽

z2xy / 1669人閱讀

摘要:既是訪問瀏覽器的接口,也是的全局對象小知識與定義的變量的區別定義的變量可通過刪除。訪問方法可能有通過數組下標或來訪問,也可通過來訪問小知識最高層窗口只有通過打開才會有否則沒有窗口位置等屬性等方法詳情可自己查詢。

1 window

window既是js訪問瀏覽器的接口,也是ECMAScript的全局對象

小知識:var testwindow.test定義的變量的區別:

window.test定義的變量可通過 delete window.test 刪除。

訪問時:當沒有定義test時可能會報錯,但是通過window.test訪問即使沒定義也不會報錯(因為相當于一次查詢)

1.1 窗口關系(frame)

一個頁面可能有多個frame,每個frame對應一個window對象,這就涉及到訪問相應frame的window對象的問題。

訪問方法可能有:通過數組下標 (window.frames[0]window.frames["framename"])來訪問,也可通過window.top, window.parent,window.self來訪問

小知識:最高層窗口只有通過window.open 打開才會有name否則沒有name 
1.2 窗口位置

screenTopscreenLeft等屬性
moveTo,moveBy等方法
詳情可自己查詢。

1.3 窗口大小

innerWidth,innerHeight
outerWidth,outerHeight
clientWidth,clientHeight等屬性
resizeTo()等方法

1.4 窗口打開及關閉

var win=window.open("URL","name","各種參數設置")

注意:

 - 第二個參數還可以是"_blank","_parent","_self","_top"
         
 - 第三個參數是:width等還有resizable等參數的設置
 
 - 當有些瀏覽器設置彈出窗口屏蔽時,返回的win就是null

win.close()

win.opener=null 設置新打開的標簽頁運行在獨立進程中運行,不需與打開其的標簽頁進行通信

注意:打開窗口涉及到安全限制的問題。
2 location

獲取URL相關信息。

 常用如下:

     - 獲取URL:location.href

     - 獲取hash:location.hash
     
     - 獲取查詢字符串:location.search
     
     (還有hostName,host,pathName等)
     
     hash和查詢字符串的區別可瀏覽:[https://segmentfault.com/n/1330000009872432][1]
     

assign(URL)方法:改變瀏覽的頁面(與href賦值效果一樣)
replace(URL)方法:修改URL且不會留下瀏覽記錄
reload()方法:重新加載當前頁面(默認從緩存中加載),當參數為true時會強制從服務器加載。最好放在代碼最后一行。

3 navigator

獲取瀏覽器信息,通常用于檢測瀏覽器類型

navigator.plugins(可用來檢查插件)
navigator.appName
navigator.appVersion

4 screen

通常用作測定客戶端能力的站點跟蹤工具中(站點分析)

availHeight

5 history

go()
back()
forward()
length屬性

6 設置時間函數

var timeoutid=setTimeout(function(){},1000)
clearTimeout(timeoutid)
var timeinteid=setInterval(function(){},1000)
clearInterval(timeoutid)

7 各種彈出框

alert()
confirm("message") 返回true,false
prompt("message",""defaultValue) 返回輸入的內容或null

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/88316.html

相關文章

  • JavaScript - 收藏集 - 掘金

    摘要:插件開發前端掘金作者原文地址譯者插件是為應用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內優雅的實現文件分片斷點續傳。 Vue.js 插件開發 - 前端 - 掘金作者:Joshua Bemenderfer原文地址: creating-custom-plugins譯者:jeneser Vue.js插件是為應用添加全局功能的一種強大而且簡單的方式。插....

    izhuhaodev 評論0 收藏0
  • 【連載】前端個人文章整理-從基礎到入門

    摘要:個人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現在已經一年的時間了,由于工作比較忙,更新緩慢,后面還是會繼更新,現將已經寫好的文章整理一個目錄,方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法,到著手...

    madthumb 評論0 收藏0
  • 前端應該知道的基本知識

    摘要:所有我們不熟悉或者沒有掌握的知識皆可稱之為知識盲區,有知識盲區并不可怕,針對知識盲區去學習即可。只有這樣,我們才會準確知道自己的知識盲區所處何處,以及發現更多的知識盲區。節點對應的對象是,其他的具體節點對象全都是繼承自對象。 前端時間在部門內進行分享,準備素材時偶然發現下面的一個現象,因為和當時分享的主題無關,就先記下來了,事后重新審視,并把一些思考記錄如下: 一、問題 HTML: ...

    2bdenny 評論0 收藏0
  • 前端知識點總結——BOM

    摘要:何時只要讓程序延遲執行一件事時如何件事啟動定時器讓程序等待毫秒后,自動執行一次,執行后自動停止停止定時器定時器原理定時器中的任務函數,必須等待主程序所有語句執行后,才能執行。將事件監聽對象加入到瀏覽器的監聽隊列中。 前端知識點總結——BOM 1.BOM: Browser Object Model 什么是: 專門操作瀏覽器窗口的API 沒有標準, 導致瀏覽器兼容性問題 包括: w...

    BoYang 評論0 收藏0

發表評論

0條評論

z2xy

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<