摘要:既是訪問瀏覽器的接口,也是的全局對象小知識與定義的變量的區別定義的變量可通過刪除。訪問方法可能有通過數組下標或來訪問,也可通過來訪問小知識最高層窗口只有通過打開才會有否則沒有窗口位置等屬性等方法詳情可自己查詢。
1 window
window既是js訪問瀏覽器的接口,也是ECMAScript的全局對象
小知識:var test 與 window.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否則沒有name1.2 窗口位置
screenTop、screenLeft等屬性
moveTo,moveBy等方法
詳情可自己查詢。
innerWidth,innerHeight
outerWidth,outerHeight
clientWidth,clientHeight等屬性
resizeTo()等方法
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時會強制從服務器加載。最好放在代碼最后一行。
獲取瀏覽器信息,通常用于檢測瀏覽器類型
navigator.plugins(可用來檢查插件)
navigator.appName
navigator.appVersion
通常用作測定客戶端能力的站點跟蹤工具中(站點分析)
availHeight
5 historygo()
back()
forward()
length屬性
var timeoutid=setTimeout(function(){},1000)
clearTimeout(timeoutid)
var timeinteid=setInterval(function(){},1000)
clearInterval(timeoutid)
alert()
confirm("message") 返回true,false
prompt("message",""defaultValue) 返回輸入的內容或null
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/88316.html
摘要:插件開發前端掘金作者原文地址譯者插件是為應用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內優雅的實現文件分片斷點續傳。 Vue.js 插件開發 - 前端 - 掘金作者:Joshua Bemenderfer原文地址: creating-custom-plugins譯者:jeneser Vue.js插件是為應用添加全局功能的一種強大而且簡單的方式。插....
摘要:個人前端文章整理從最開始萌生寫文章的想法,到著手開始寫,再到現在已經一年的時間了,由于工作比較忙,更新緩慢,后面還是會繼更新,現將已經寫好的文章整理一個目錄,方便更多的小伙伴去學習。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法,到著手...
摘要:所有我們不熟悉或者沒有掌握的知識皆可稱之為知識盲區,有知識盲區并不可怕,針對知識盲區去學習即可。只有這樣,我們才會準確知道自己的知識盲區所處何處,以及發現更多的知識盲區。節點對應的對象是,其他的具體節點對象全都是繼承自對象。 前端時間在部門內進行分享,準備素材時偶然發現下面的一個現象,因為和當時分享的主題無關,就先記下來了,事后重新審視,并把一些思考記錄如下: 一、問題 HTML: ...
摘要:何時只要讓程序延遲執行一件事時如何件事啟動定時器讓程序等待毫秒后,自動執行一次,執行后自動停止停止定時器定時器原理定時器中的任務函數,必須等待主程序所有語句執行后,才能執行。將事件監聽對象加入到瀏覽器的監聽隊列中。 前端知識點總結——BOM 1.BOM: Browser Object Model 什么是: 專門操作瀏覽器窗口的API 沒有標準, 導致瀏覽器兼容性問題 包括: w...
閱讀 3675·2021-11-16 11:41
閱讀 2880·2021-09-23 11:45
閱讀 687·2019-08-30 15:44
閱讀 538·2019-08-30 13:10
閱讀 1961·2019-08-30 12:49
閱讀 3526·2019-08-28 17:51
閱讀 1471·2019-08-26 12:20
閱讀 698·2019-08-23 17:56