取得窗口大小 兼容所有瀏覽器的js代碼
更新時(shí)間：2011年08月09日 20:05:40 作者：
我們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。
取得窗口大小的代碼：
var pageWidth = window.innerWidth,
var pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode == "number"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
}else{
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
我們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。然后檢查pageWidth中保存的是不是一個(gè)數(shù)值；如果不是，則通過(guò)document.compatMode來(lái)確定頁(yè)面是否處于標(biāo)準(zhǔn)模式。如果是，則分別使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。否則，就使用document.body.clientWidth和document.body.clientHeight的值。
取得窗口位置的代碼：
var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;
這兩個(gè)例子目的是取得窗口左邊和上邊的位置，首先運(yùn)用二元操作符判斷screenLeft屬性和screenTops屬性是否存在，如果存在（在IE、Safari、Opera和Chrome中），則取這兩個(gè)屬性的值。如果不存在（在Firefox中），則取screenX和screenY的值。
復(fù)制代碼 代碼如下:
var pageWidth = window.innerWidth,
var pageHeight = window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode == "number"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.documentElement.clientHeight;
}else{
pageWidth = document.body.clientWidth;
pageHeight = document.body.clientHeight;
}
}
我們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。然后檢查pageWidth中保存的是不是一個(gè)數(shù)值；如果不是，則通過(guò)document.compatMode來(lái)確定頁(yè)面是否處于標(biāo)準(zhǔn)模式。如果是，則分別使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。否則，就使用document.body.clientWidth和document.body.clientHeight的值。
取得窗口位置的代碼：
復(fù)制代碼 代碼如下:
var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY;
這兩個(gè)例子目的是取得窗口左邊和上邊的位置，首先運(yùn)用二元操作符判斷screenLeft屬性和screenTops屬性是否存在，如果存在（在IE、Safari、Opera和Chrome中），則取這兩個(gè)屬性的值。如果不存在（在Firefox中），則取screenX和screenY的值。
相關(guān)文章
js中位數(shù)不足自動(dòng)補(bǔ)位擴(kuò)展padLeft、padRight實(shí)現(xiàn)代碼
這篇文章主要介紹了js中位數(shù)不足自動(dòng)補(bǔ)位擴(kuò)展之padLeft、padRight實(shí)現(xiàn)方法，主要是通過(guò)String.prototype擴(kuò)展實(shí)現(xiàn),需要的朋友可以參考下2020-04-04
javascript數(shù)組元素刪除方法delete和splice解析
這篇文章主要介紹了javascaipt數(shù)組元素刪除方法delete和splice解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-12-12
用JavaScript做一個(gè)簡(jiǎn)易計(jì)算器的三種方法舉例
這篇文章主要給大家介紹了關(guān)于用JavaScript做一個(gè)簡(jiǎn)易計(jì)算器的三種方法,JS中實(shí)現(xiàn)一個(gè)簡(jiǎn)單的計(jì)算器并不困難,我們只需利用基本的數(shù)學(xué)運(yùn)算符和JavaScript的語(yǔ)法即可,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了如何獲取TypeScript的聲明文件.d.ts 的相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2018-05-05
這篇文章主要介紹了JavaScript閉包原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript閉包相關(guān)概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
tween.js緩動(dòng)補(bǔ)間動(dòng)畫(huà)算法示例
本篇文章主要介紹了tween.js緩動(dòng)補(bǔ)間動(dòng)畫(huà)示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
這篇文章主要和大家聊一聊JavaScript的New關(guān)鍵字，一般我們通過(guò)New關(guān)鍵字來(lái)創(chuàng)建一個(gè)類(lèi)的實(shí)例對(duì)象，感興趣的小伙伴們可以參考一下2016-08-08
js文件中調(diào)用js的實(shí)現(xiàn)方法小結(jié)
JavaScript文件引用JavaScript文件的方法，需要的朋友可以參考下。2009-10-10
微信小程序誕生之初,功能受限于小程序的理念,微信小程序要體現(xiàn)輕量級(jí)的應(yīng)用特點(diǎn),但在隨后不斷更新中,API接口很好的為小程序賦能,使其可以在不影響本質(zhì)的情況下實(shí)現(xiàn)完善功能,這篇文章主要給大家介紹了關(guān)于微信小程序中正確使用地圖的相關(guān)資料,需要的朋友可以參考下2021-09-09
js 剪切板的用法(clipboardData.setData)與js match函數(shù)介紹
這篇文章主要是對(duì)js中剪切板的使用方法(clipboardData.setData)與js中的match函數(shù)進(jìn)行了介紹。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11