<!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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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