编程 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 相关文章推荐

百度Popup.js弹出框进化版拖拽小框架发布兼容IE6/7/8,Firefox,Chrome

Apr 13 Javascript

jquery让返回的内容显示在特定div里(代码少而精悍)

Jun 23 Javascript

简单的jquery左侧导航栏和页面选中效果

Aug 21 Javascript

JavaScript获取页面上被选中文字的方法技巧

Mar 13 Javascript

js html css实现复选框全选与反选

Oct 09 Javascript

Bootstrap CSS布局之代码

Dec 17 Javascript

微信小程序 slider 详解及实例代码

Jan 10 Javascript

纯JS实现简单的日历

Jun 26 Javascript

为什么要使用Vuex的介绍

Jan 19 Javascript

对layui初始化列表的CheckBox属性详解

Sep 13 Javascript

jquery实现异步文件上传ajaxfileupload.js

Oct 23 jQuery

Javascript数组及类数组相关原理详解

Oct 29 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

ThinkPHP的截取字符串函数无法显示省略号的解决方法

2014/06/25 PHP

PHP处理Json字符串解码返回NULL的解决方法

2014/09/01 PHP

PHP面向对象编程之深入理解方法重载与方法覆盖（多态）

2015/12/24 PHP

php中错误处理操作实例分析

2019/08/23 PHP

PHP利用缓存处理用户注册时的邮箱验证，成功后用户数据存入数据库操作示例

2019/12/31 PHP

JavaScript中this关键字使用方法详解

2007/03/08 Javascript

JS的递增/递减运算符和带操作的赋值运算符的等价式

2007/12/08 Javascript

jquery+json实现的搜索加分页效果

2010/03/31 Javascript

五个jQuery图片画廊插件推荐

2011/05/12 Javascript

JS根据变量保存方法名并执行方法示例

2014/04/04 Javascript

js单词形式的运算符

2014/05/06 Javascript

Windows系统中安装nodejs图文教程

2015/02/28 NodeJs

JavaScript中Number.NEGATIVE_INFINITY值的使用详解

2015/06/05 Javascript

AngularJS 中的指令实践开发指南(一)

2016/03/20 Javascript

Vue.js第四天学习笔记（组件）

2016/12/02 Javascript

jQuery 导航自动跟随滚动的实现代码

2018/05/30 jQuery

三种Webpack打包方式(小结)

2018/09/19 Javascript

JQuery 实现文件下载的常用方法分析

2019/10/29 jQuery

JS自定义右键菜单实现代码解析

2020/07/16 Javascript

[02:44]DOTA2英雄基础教程魅惑魔女

2014/01/07 DOTA

低版本中Python除法运算小技巧

2015/04/05 Python

Python使用os模块和fileinput模块来操作文件目录

2016/01/19 Python

python使用paramiko实现远程拷贝文件的方法

2016/04/18 Python

python pandas 对时间序列文件处理的实例

2018/06/22 Python

Flask项目中实现短信验证码和邮箱验证码功能

2019/12/05 Python

详解Windows下PyCharm安装Numpy包及无法安装问题解决方案

2020/06/18 Python

CSS3中新增的对文本和字体的设置

2020/02/03 HTML / CSS

详解HTML5如何使用可选样式表为网站或应用添加黑暗模式

2020/04/07 HTML / CSS

印尼披萨外送专家：Domino’s Pizza印尼

2017/12/28 全球购物

维也纳通行证：Vienna PASS

2019/07/18 全球购物

巴西24小时在线药房：Droga Raia

2020/05/12 全球购物

东方红海科技面试题软件测试方面

2012/02/08 面试题

担保书格式

2015/01/20 职场文书

2016入党培训心得体会范文

2016/01/08 职场文书

基于Nginx实现限制某IP短时间访问次数

2021/03/31 Servers

MySQL系列之十五 MySQL常用配置和性能压力测试

2021/07/02 MySQL