1. 程式人生 > >JS Window屬性小結

JS Window屬性小結

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