编程 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实现读取txt文档的脚本

Jul 20 Javascript

jQuery 白痴级入门教程

Nov 11 Javascript

JS函数重载的解决方案

May 13 Javascript

jQuery学习笔记之 Ajax操作篇（二） - 数据传递

Jun 23 Javascript

JS验证图片格式和大小并预览的简单实例

Oct 11 Javascript

基于Vue实现timepicker

Apr 25 Javascript

VUE多层路由嵌套实现代码

May 15 Javascript

微信小程序 wx.request方法的异步封装实例详解

May 18 Javascript

JS检测是否可以访问公网服务器功能代码

Jun 19 Javascript

jq.ajax+php+mysql实现关键字模糊查询(示例讲解)

Jan 02 Javascript

Node.js使用cookie保持登录的方法

May 11 Javascript

Vue 2.0双向绑定原理的实现方法

Oct 23 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的FTP学习(四)

2006/10/09 PHP

PHP对MongoDB[NoSQL]数据库的操作

2013/03/01 PHP

php header功能的使用

2013/10/28 PHP

php删除数组元素示例分享

2014/02/17 PHP

php通过array_merge()函数合并关联和非关联数组的方法

2015/03/18 PHP

php使用Header函数,PHP_AUTH_PW和PHP_AUTH_USER做用户验证

2016/05/04 PHP

用javascript实现给出的盒子的序列是否可连为一矩型

2007/08/30 Javascript

javascript对话框使用方法(警告框 javascript确认框提示框)

2014/01/07 Javascript

解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题

2014/01/14 Javascript

js获取checkbox值的方法

2015/01/28 Javascript

jquery+php实现滚动的数字特效

2015/11/29 Javascript

jQuery实现图片文字淡入淡出效果

2015/12/21 Javascript

Linux下为Node.js程序配置MySQL或Oracle数据库的方法

2016/03/19 Javascript

jQuery在ie6下无法设置select选中的解决方法详解

2016/09/20 Javascript

js实现会跳动的日历效果(完整实例)

2017/10/18 Javascript

JS实现运动缓冲效果的封装函数示例

2018/02/18 Javascript

vue根据进入的路由进行原路返回的方法

2018/09/26 Javascript

jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)

2019/11/07 jQuery

JavaScript中reduce()的5个基本用法示例

2020/07/19 Javascript

JavaScript快速调试的两个技巧

2020/11/04 Javascript

python将字典内容存入mysql实例代码

2018/01/18 Python

Tensorflow中使用tfrecord方式读取数据的方法

2018/06/19 Python

python批量复制图片到另一个文件夹

2018/09/17 Python

python代码输入数字使其反向输出的方法

2018/12/22 Python

Python matplotlib可视化实例解析

2020/06/01 Python

利用keras使用神经网络预测销量操作

2020/07/07 Python

浅谈html5增强的页面元素

2016/06/14 HTML / CSS

高级3D打印市场：Gambody

2019/12/26 全球购物

毕业生求职简历的自我评价

2013/10/07 职场文书

数控个人求职信范文

2014/02/03 职场文书

小学教师寄语大全

2014/04/03 职场文书

教师中国梦演讲稿

2014/04/23 职场文书

酒店办公室主任岗位职责

2015/04/01 职场文书

小学班主任工作经验交流材料

2015/11/02 职场文书

2016猴年开门红标语口号

2015/12/26 职场文书

python Django框架快速入门教程（后台管理）

2021/07/21 Python