溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
Window對象屬性
ScreenLeft/ScreenTop/ScreenX/ScreenY
只讀整數(shù)，聲明了窗口的左上角在屏幕上的 x 坐標(biāo) 和 y 坐標(biāo)。
IE、Safari 和 Opera 支持 ScreenLeft/ScreenTop
Firefox、Safari 支持 ScreenX/ScreenY
Chrome 都支持
innerWidth/innerHeight
只讀屬性，聲明了窗口的文檔顯示區(qū)的寬度和高度，以像素計。這里的寬度和高度不包括菜單欄、工具欄以及滾動條等的高度
IE 不支持這些屬性。它用 document.documentElement 或 document.body （與 IE 的版本相關(guān)）的 clientWidth 和 clientHeight 屬性作為替代。
outerWidth/outerHeight
只讀屬性，聲明了整個窗口的寬度和高度
IE不支持此屬性，且沒有提供代替的屬性
pageXOffset/pageYOffset
設(shè)置或返回當(dāng)前頁面相對于窗口顯示區(qū)左上角的 X/Y 位置
Window 對象方法
moveBy( )
語法： window.moveBy(x,y)
相對窗口當(dāng)前的坐標(biāo)，把它移動到指定的像素
x：要把窗口右移的像素
y: 要把窗口下移的像素
moveTo( )
語法： window.moveTo(x,y)
把窗口的左上角移動到一個指定的坐標(biāo)
x：窗口新位置的 x 坐標(biāo)
y: 窗口新位置的 y 坐標(biāo)
提示：出于安全方面的原因，瀏覽器限制此方法使其不能把窗口移出屏幕。
resizeBy( )
語法：resizeBy(width, height)
根據(jù)指定的像素來調(diào)整窗口的大小
width：必需，要使窗口寬度增加的像素數(shù)。可以是正、負(fù)數(shù)值
height：可選，要使窗口高度增加的像素數(shù)?？梢允钦⒇?fù)數(shù)值
resizeTo( )
語法：resizeTo(width, height)
把窗口的大小調(diào)整為指定的寬度和高度
width：必需，想要調(diào)整到的窗口的寬度。以像素計
height：可選，想要調(diào)整到的窗口的高度。以像素計
scrollBy( )
語法：scrollBy(xnum, ynum)
把內(nèi)容滾動指定的像素數(shù)
xnum：必需，把文檔向右滾動的像素數(shù)
ynum：必需，把文檔向下滾動的像素數(shù)
scrollTo( )
語法：scrollTo(xpos, ypos)
把內(nèi)容滾動到指定的坐標(biāo)
xpos：必需，要在窗口文檔顯示區(qū)左上角顯示的文檔的 x 坐標(biāo)
ypos：必需，要在窗口文檔顯示區(qū)左上角顯示的文檔的 y 坐標(biāo)
Screen 對象屬性
screen.width/screen.height
顯示器屏幕的寬度/高度，以像素計
availWidth/availHeight
語法：screen.availWidth
顯示瀏覽器的屏幕的可用寬度/高度，以像素計。在windows操作系統(tǒng)中，這個寬/高度不包括分配給半永久特性（如屏幕底部任務(wù)欄）的垂直空間
事件對象
screenX/screenY 事件屬性
語法：event.screenX
用法：返回事件發(fā)生時，鼠標(biāo)指針相對于用戶顯示器屏幕的左上角水平（垂直）坐標(biāo)
<body>
<div id="box"></div>
<script>
var box = document.getElementById('box');
box.addEventListener('click',function(event){
var screenX = event.screenX;
var screenY = event.screenY;
alert('指針相對于屏幕顯示器左上角的X坐標(biāo)是：'+screenX+'， 指針相對于屏幕顯示器左上角的Y坐標(biāo)是：'+screenY);
})
</script>
clientX/clientY 事件屬性
語法：event.clientX
用法：返回事件發(fā)生時，鼠標(biāo)指針相對于瀏覽器窗口可視區(qū)域的水平（垂直）窗口坐標(biāo)。可視區(qū)域不包括工具欄和滾動條，IE事件和標(biāo)準(zhǔn)事件都定義了這2個屬性
<div id="box"></div>
<script>
var box = document.getElementById('box');
box.addEventListener('click',function(event){
var clientX = event.clientX;
var clientY = event.clientY;
alert('指針相對于文檔可視區(qū)的X坐標(biāo)是：'+clientX+'， 指針相對于文檔可視區(qū)的Y坐標(biāo)是：'+clientY);
})
</script>
offsetX/offsetY 事件屬性
語法：event.offsetX
用法：返回鼠標(biāo)指針的位置，相對于事件源元素的水平（垂直坐標(biāo)），只有IE有這兩個屬性，標(biāo)準(zhǔn)事件沒有對應(yīng)的屬性
<body>
<div id="box"></div>
<script>
var box = document.getElementById('box');
box.addEventListener('click',function(event){
var offsetX = event.offsetX;
var offsetY = event.offsetY;
alert('指針相對于box的X坐標(biāo)是：'+offsetX+'， 指針相對于box的Y坐標(biāo)是：'+offsetY);
})
</script>
pageX/pageY 事件屬性
語法：event.pageX
用法：返回鼠標(biāo)指針的位置，類似于event.clientX、event.clientY，但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。這2個屬性不是標(biāo)準(zhǔn)屬性，但得到了廣泛支持。IE事件中沒有這2個屬性
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼