编程 Javascript

jQuery获得document和window对象宽度和高度的方法

Posted in Javascript onMarch 25, 2015

本文实例讲述了jQuery获得document和window对象宽度和高度的方法。分享给大家供大家参考。具体如下：

<!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程序设计有所帮助。

- Author -

上大王

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

关于javascript function对象那些迷惑分析

Oct 24 Javascript

jquery制作多功能轮播图插件

Apr 02 Javascript

基于JavaScript实现类似于百度学术高级检索功能

Mar 02 Javascript

jQuery控制div实现随滚动条滚动效果

Jun 07 Javascript

jQuery学习心得总结(必看篇)

Jun 10 Javascript

利用JS提交表单的几种方法和验证(必看篇)

Sep 17 Javascript

浅析javaScript中的浅拷贝和深拷贝

Feb 15 Javascript

Angularjs 事件指令详细整理

Jul 27 Javascript

聊聊Vue.js的template编译的问题

Oct 09 Javascript

ES6 Map结构的应用实例分析

Jun 26 Javascript

浅谈Vue SSR中的Bundle的具有使用

Nov 21 Javascript

在vue中对数组值变化的监听与重新响应渲染操作

Jul 17 Javascript

jQuery设置指定网页元素宽度和高度的方法

Mar 25 #Javascript

jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法

Mar 25 #Javascript

Jquery实现鼠标移动放大图片功能实例

Mar 25 #Javascript

jQuery延迟加载图片插件Lazy Load使用指南

Mar 25 #Javascript

jQuery实现购物车计算价格功能的方法

Mar 25 #Javascript

JavaScript的事件代理和委托实例分析

Mar 25 #Javascript

JS实现简易图片轮播效果的方法

Mar 25 #Javascript

You might like

php判断字符以及字符串的包含方法属性

2008/08/30 PHP

全面解读PHP的人气开发框架Laravel

2015/10/15 PHP

jQuery 学习6 操纵元素显示效果的函数

2010/02/07 Javascript

jQuery图片的展开和收缩实现代码

2013/04/16 Javascript

div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox

2013/08/29 Javascript

js选择并转移导航菜单示例代码

2014/08/19 Javascript

Javascript实现禁止输入中文或英文的例子

2014/12/09 Javascript

js倒计时简单实现方法

2015/12/17 Javascript

prototype与__proto__区别详细介绍

2017/01/09 Javascript

利用Vue实现移动端图片轮播组件的方法实例

2017/08/23 Javascript

for循环 + setTimeout 结合一些示例(前端面试题）

2017/08/30 Javascript

快速处理vue渲染前的显示问题

2018/03/05 Javascript

在angular 6中使用 less 的实例代码

2018/05/13 Javascript

layerUI下的绑定事件实例代码

2018/08/17 Javascript

微信小程序制作表格的方法

2019/02/14 Javascript

redux.js详解及基本使用

2019/05/24 Javascript

[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC

2014/05/22 DOTA

Python tempfile模块学习笔记（临时文件）

2014/05/25 Python

以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法

2015/03/30 Python

用Python给文本创立向量空间模型的教程

2015/04/23 Python

使用Python和OpenCV检测图像中的物体并将物体裁剪下来

2019/10/30 Python

html5使用canvas绘制文字特效

2014/12/15 HTML / CSS

英国最大的在线蜡烛商店：Candles Direct

2019/03/26 全球购物

安德玛菲律宾官网：Under Armour菲律宾

2020/07/28 全球购物

小学后勤管理制度

2014/01/14 职场文书

给学校建议书范文

2014/05/13 职场文书

机票销售员态度不好检讨书

2014/09/27 职场文书

副检察长四风问题对照检查材料思想汇报

2014/10/07 职场文书

生日答谢词

2015/01/05 职场文书

2015年清明节扫墓演讲稿

2015/03/18 职场文书

党员转正党支部意见

2015/06/02 职场文书

2016新教师岗前培训心得体会

2016/01/08 职场文书

用Python制作灯光秀短视频的思路详解

2021/04/13 Python

MYSQL 表的全面总结

2021/11/11 MySQL

MySQL串行化隔离级别(间隙锁实现)

2022/06/16 MySQL

box-shadow单边阴影的实现

2023/05/21 HTML / CSS