快捷導(dǎo)航

jQuery獲得document和window對(duì)象寬度和高度的方法

更新時(shí)間：2015年03月25日 16:06:53 作者：上大王

這篇文章主要介紹了jQuery獲得document和window對(duì)象寬度和高度的方法,涉及jQuery獲取document和window對(duì)象屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了jQuery獲得document和window對(duì)象寬度和高度的方法。分享給大家供大家參考。具體如下：

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  var txt="";
  txt+="Document width/height: " + $(document).width();
  txt+="x" + $(document).height() + "\n";
  txt+="Window width/height: " + $(window).width();
  txt+="x" + $(window).height();
  alert(txt);
 });
});
</script>
</head>
<body>
<button>Display dimensions of document and window</button>
</body>
</html>

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JQuery中DOM節(jié)點(diǎn)的操作與訪問(wèn)方法實(shí)例分析
這篇文章主要介紹了JQuery中DOM節(jié)點(diǎn)的操作與訪問(wèn)方法,結(jié)合實(shí)例形式分析了jquery操作dom節(jié)點(diǎn)與訪問(wèn)dom節(jié)點(diǎn)相關(guān)實(shí)現(xiàn)技巧及操作注意事項(xiàng),需要的朋友可以參考下
2019-12-12
jQuery插件實(shí)現(xiàn)靜態(tài)HTML驗(yàn)證碼校驗(yàn)
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)靜態(tài)HTML驗(yàn)證碼校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery中ztree 點(diǎn)擊文本框彈出下拉框的實(shí)例代碼
這篇文章主要介紹了jQuery中ztree 點(diǎn)擊文本框彈出下拉框的實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2017-02-02
jquery實(shí)現(xiàn)未經(jīng)美化的簡(jiǎn)潔TAB菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)未經(jīng)美化的簡(jiǎn)潔TAB菜單效果,涉及jquery鼠標(biāo)click事件實(shí)現(xiàn)頁(yè)面元素樣式動(dòng)態(tài)變換的功能,需要的朋友可以參考下
2015-08-08
JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例
下面小編就為大家?guī)?lái)一篇JQuery 選擇器、DOM節(jié)點(diǎn)操作練習(xí)實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
jQuery中add實(shí)現(xiàn)同時(shí)選擇兩個(gè)id對(duì)象
jquery同時(shí)選擇兩個(gè)id對(duì)象的時(shí)候，可以用add來(lái)實(shí)現(xiàn)。
2010-10-10
一次失敗的jQuery優(yōu)化嘗試小結(jié)
我經(jīng)常抱怨jQuery的DOM操作性能并不優(yōu)秀，并且經(jīng)常嘗試用一些方法去進(jìn)行優(yōu)化，但是越是優(yōu)化，越是沮喪地發(fā)現(xiàn)jQuery其實(shí)已經(jīng)做得很好，從使用者的角度能夠進(jìn)行的優(yōu)化實(shí)在有限
2011-02-02
jQuery 3 中的新增功能匯總介紹
本文帶你了解了一遍 jQuery 3 將會(huì)帶來(lái)的一些重大變化。或許你已經(jīng)注意到了，這個(gè)版本是可能對(duì)你現(xiàn)有的項(xiàng)目產(chǎn)生太大的影響，因?yàn)闆](méi)有引入太多許多重大更改。
2016-06-06
jQuery中[attribute^=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute^=value]選擇器用法,實(shí)例分析了[attribute^=value]選擇器的功能、定義及匹配以某些值開(kāi)始的元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jquery獲取url參數(shù)及url加參數(shù)的方法
本文給大家介紹jquery獲取url參數(shù)及url參數(shù)的方法，在url中加參數(shù)的方法本文通過(guò)多種方式給大家介紹jquery獲取url參數(shù)，感興趣的朋友一起學(xué)習(xí)學(xué)習(xí)吧
2015-10-10