JS Window屬性小結
所有瀏覽器都支援 window 物件。它表示瀏覽器視窗。
所有 JavaScript 全域性物件、函式以及變數均自動成為 window 物件的成員。
全域性變數是 window 物件的屬性。
全域性函式是 window 物件的方法。
注:有些屬性在編寫時可不使用 window 這個字首。
1. document屬性
語法格式:
window.document.事件
window.document.方法
window.document.屬性
功能:window物件的子物件document是javascript的核心物件,在指令碼中遇到BODY元素時建立一個例項。
2.location屬性
語法格式:
window.location.href 屬性返回當前頁面完整的 URL。改變屬性值可開啟一個新的連結。
window.location.pathname 屬性返回 URL 的路徑名。
window.location.search 屬性返回當前頁面的 URL從問號 (?) 開始到結束的部分。
window.location.hostname 返回 web 主機的域名。
window.location.port 返回 web 主機的埠 (80 或 443)。
window.location.protocol 返回所使用的 web 協議(http:// 或 https://)。
window.location.hash 從井號 (#) 開始的 URL(錨)。
window.location.assign() 方法載入新的文件。
window.location.reload() 重新載入當前文件。
window.location.replace() 用新的文件替換當前文件。
3. locationbar屬性
語法格式:
window.locationbar.visible
功能:返回位置欄是否可見,如果可見返回true,反之返回false。
注:IE5.5不支援該屬性。
4.screen屬性
語法格式:
window.screen.availWidth 可用的螢幕寬度
window.screen.availHeight 可用的螢幕高度
5.history屬性
語法格式:
window.history.length 它表示歷史物件中的連結的數目。
window.history.back() 與在瀏覽器點選後退按鈕相同
window.history.forward() 與在瀏覽器中點選按鈕向前相同
window.history.go(int):在瀏覽器中載入從當前算起的第 int 個頁面。
6.status屬性
語法格式:
window.status 設定或給出瀏覽器視窗中狀態列的當前顯示資訊。
小技巧:可以使用該屬性設定瀏覽器視窗狀態列資訊。
7.statusbar屬性
語法格式:
window.statusbar.visible 檢查狀態列是否可見,如果可見則返回true,反之返回false。
注:IE5.5瀏覽器不支援該屬性。
8.defaultstatus屬性
語法格式:
window.defaultstatus 屬性值是瀏覽器窗中狀態列的預設顯示資訊。
9.closed屬性
語法格式:
window.closed 屬性用於返回指定視窗的例項是否已經關閉,如果關閉,返回true,反之返回flase。
10.self屬性
語法格式:
window.self 該屬性包含當前視窗的標誌,利用這個屬性,可以保證在多個視窗被開啟的情況下,正確呼叫當前視窗內的函式或屬性而不會發生混亂。
11.length屬性
語法格式:
window.length 返回一個視窗內的子視窗數目,該屬性與window.frame.length屬性的值相同。
12.innerHeight屬性
語法格式:
window.innerHeight 返回或指定瀏覽器視窗中文件的畫素高度,這個高度不包括任何工具欄和組成視窗的頁面修飾高度。
注:IE5.5不支援該屬性。
13. innerWidth屬性
語法格式:
window.innerHeight 返回或指定瀏覽器視窗中文件的畫素寬度,這個寬度不包括任何工具欄和組成視窗的頁面修飾寬度。
注:IE5.5不支援該屬性。
14. outerHeight屬性
語法格式:
window.outerHeight 屬性用於訪問瀏覽器視窗的畫素高度,該高度包括工具欄和裝飾邊的高度。
注:IE5.5不支援該屬性。
15. outerWidth屬性
語法格式:
window.outerWidth 屬性用於訪問瀏覽器視窗的畫素寬度,該寬度包括工具欄和裝飾邊的寬度。
注:IE5.5不支援該屬性。
16. pageXOffset屬性
語法格式:
window.pageXOffset 指定瀏覽器視窗中文件左上角在視窗中的當前水平畫素位置。在利用moveTo移動之前,可以通過該屬性來決定是否需要移動視窗。
因為該屬性返回了可見文件相對整個頁面的當前位置。
注:IE5.5不支援該屬性。
17. pageYOffset屬性
語法格式:
window.pageYOffset 指定瀏覽器視窗中文件左上角在視窗中的當前垂直畫素位置。在利用moveTo移動之前,可以通過該屬性來決定是否需要移動視窗。
因為該屬性返回了可見文件相對整個頁面的當前位置。
注:IE5.5不支援該屬性。
18. parent屬性
語法格式:
window.parent.frames[數值]
window.parent.framesName
功能:訪問各個子視窗(多框架)所在的父視窗。
19. scrollbars.visible屬性
語法格式:
window.scrollbars.visible 用於確定滾動欄是否可見,如果可見則返回true,反之返回false。
注:IE5.5不支援該屬性。
20. toolbar.visible屬性
語法格式:
window.toolbar.visible 屬性用於檢查工具欄是否可見,如果可見則返回true,反之返回false。
注:IE5.5不支援該屬性。
21. personalbar.visible屬性
語法格式:
window.personalbar.visible 確定個人欄是否可見,如果可見則返回true,反之返回false。
注:IE5.5不支援該屬性。
22. menubar.visible屬性
語法格式:
window.menubar.visible 屬性用於返回選單欄是否可見,如果可見返回true,反之返回false。
注:IE5.5不支援該屬性。
23. opener屬性
語法格式:
window.opener 屬性與開啟該視窗的父視窗相聯絡,當訪問子視窗中operer屬性時,返回的是父視窗。通過該屬性,可以使用父視窗物件中的方法和屬性。
24. top屬性
語法格式:
window.top.frames[數值]
window.top.frameName
window.top.方法()
window.top.屬性
功能:window物件的top屬性用於包含所有裝入瀏覽器的子視窗(多框架)的最頂層視窗的資訊。
相關推薦
JS Window屬性小結
Window 物件: 所有瀏覽器都支援 window 物件。它表示瀏覽器視窗。 所有 JavaScript 全域性物件、函式以及變數均自動成為 window 物件的成員。 全域性變數是 window 物件的屬性。 全域性函式是 window 物件的方法。 注:有些屬性在編寫
JS Window方法小結
返回使用者輸入的字串,當單擊“取消”按鈕時,返回null值。6. setTimeout方法 語法格式: window.setTimeout(程式碼字元表示式,毫秒數) 功能:定時設定,當到了指定的毫秒數後,自動執行程式碼字元表示式。7. clearTimeout方法 語法格式: window.clear
JS window.open()屬性
一. Window 物件 Window 物件是 JavaScript 層級中的頂層物件。 Window 物件代表一個瀏覽器視窗或一個框架。 Window 物件會在 <body> 或 <frameset> 每次出現時被自動建立。 二. open() 方
js window方法屬性
熟練window物件的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window物件的mo
熟悉 js window 物件屬性和方法
熟練window物件的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用掌握window物件的moveTo、resizeTo、scroll
js window事件解析(轉載)
slow disable forward 建立 多選 1.0 參數 小程序 距離 js-window對象的方法和屬性資料 hxpd 發表於 2007-05-08 21:58:18 熟練window對象的open、close、alert、confirm、prompt、setT
Js的屬性操作(1)
text 修改 input value body 替換 onclick inpu scrip <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="t
js window.open()打開的頁面關閉後刷新父頁面
interval on() loop tin cti url 頁面 ren open function test(){ var winObj = window.open(URL); var loop = setInterval(function(){ if(
js——window.open用法
idt 返回 input blank mage ont doctype cti tro 今天在慕課網上接觸了下javaScript的基礎。以下是結合運用了confirm(),prompt(),open()的小例子。 1. confirm(message); 參數說明
JS window,onload 與 $().read()
article 多次調用 使用 target targe js調用 jquery doc art JS:window.onload的使用介紹 1.在body標簽裏面 2.在JS語句調用 3.同時調用多個函數 4.JS調用多個函數 5.自定義的函數多次調用 jquery
JS基礎屬性跟運算
eight 總結 text 條件判斷 例子 不容易 red 要求 次循環 小編這周學了JS函數基礎知識跟運算!!下面就迫不及待跟大家分享一下 【switch case的結構寫法】 結構寫法:(略)2註意事項: ①switch結構()中的表達式。可以使用各種js支持
js設計模式小結
重復 bsp his 一個 div 有變 str 引用 無法 1 構造函數模式 var Person = function(name){ this.name = name; this.getName = function(){ console.log(this.name)
Vue.js 計算屬性
.com 相關 ive 都是 aid his ejs value body Vue.js 計算屬性 使用計算屬性的實例: <!DOCTYPE html> <html> <head> <meta cahrset
JS——獲取屬性
func att pre ack 屬性 spa function .get urn window.getComputedStyle(div, null) <script> var div = document.getElementsByTagName(
JS學習實踐小結—基本概念
新的 blog 梳理 nod javascrip ref href 想法 分享 不知不覺做前端已經五年多了,無論是從最初的jQuery還是現在火熱的Angular,Vue,React等前端框架,甚至是nodejs等服務端的興起,歸根到底,我始終覺著一切的核心還是
js 共有屬性私有屬性
sna 方法 undefined pos 函數 屬性 head span 實例化 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF
React.js學習知識小結(一)
知識 學習 瀏覽器兼容 防止 阻止 渲染 開頭 鼠標事件 幫我 學習React也有半個月了吧,這裏對所學的基礎知識做個簡單的總結。自己先是跟著官方文檔學,差不多學了四五天,也跟著入門教程做了一個簡單的小栗子。然後跟著阮一峰老師的教程上手了幾個小Demo,後來在網上發現了一本
js window
彈出 hist herf bsp images tor ati nal htm window對象: browser object mode :bom對象。 bom提供了獨立於內容而與瀏覽器窗口進行交互的對象。 bom主要用於管理窗口與窗口之間的通訊,因此其核心對象是w
js打印小結
樣式 text innerhtml ext cat exe tro 插入 return <script type="text/javascript"> //打印必備參數 var hkey_root,hkey_path,hkey_key; hkey_root="
Vue.js計算屬性
vue.js 計算屬性 computed 一、計算屬性誕生的由來 雖然在模板中綁定表達式是非常便利的,但是它們實際上只用於簡單的操作。在模板中放入太多的邏輯會讓模板過重且難以維護。比如: <div id="example"> {{ messa