<!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>

希望本文所述對大家的jQuery程序設計有所幫助。

您可能感興趣的文章:

jQuery ready函數濫用分析
jQuery的ready函數為我們編寫打開頁面時運行的腳本提供了方便，讓我們不必再關注什么window.onLoad之類的事件，但是最近發(fā)現(xiàn)自己之前寫的代碼有點濫用這個函數了。
2011-02-02
用自定義圖片代替原生checkbox實現(xiàn)全選,刪除以及提交的方法
下面小編就為大家?guī)硪黄米远x圖片代替原生checkbox實現(xiàn)全選,刪除以及提交的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-10-10
jQuery 復合選擇器應用的幾個例子
這篇文章主要介紹了jQuery 復合選擇器應用的幾個例子,本文例子所引用的jQuery版本為 jQuery-1.8.3.min.js，喜歡的朋友可以學習下
2014-09-09
jQuery幻燈片帶縮略圖輪播效果代碼分享
這篇文章主要介紹了jQuery實現(xiàn)幻燈片帶縮略圖輪播特效,圖片可以自行替換，推薦給大家，有需要的小伙伴可以參考下
2015-08-08
jQuery實現(xiàn)給頁面換膚的方法
這篇文章主要介紹了jQuery實現(xiàn)給頁面換膚的方法,涉及jQuery頁面元素的選擇與樣式的操作,需要的朋友可以參考下
2015-05-05
深入理解jquery中extend的實現(xiàn)
extend()是jQuery中一個重要的函數，作用是實現(xiàn)對對象的擴展, 它經常用于jQuery插件的開發(fā)，jQuery內部也使用它來擴展屬性方法，如noConflict方法，就是用extend方法來擴展的。下面來一起深入的再學習下jquery中extend的實現(xiàn)吧。
2016-12-12
NodeJS使用jQuery選擇器操作DOM
這篇文章主要介紹了NodeJS使用jQuery選擇器操作DOM的相關資料,需要的朋友可以參考下
2015-02-02
深入理解jQuery事件綁定
下面小編就為大家?guī)硪黄钊肜斫鈐Query事件綁定。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
Jquery實現(xiàn)Div上下移動示例
這篇文章主要介紹了Jquery如何實現(xiàn)Div上下移動,需要的朋友可以參考下
2014-04-04
jQuery easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨Query easyUI datagrid 增加求和統(tǒng)計行的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06