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

屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法

Dec 31 Javascript

浅谈Javascript中Object与Function对象

Sep 26 Javascript

AngularJS入门教程之 XMLHttpRequest实例讲解

Jul 27 Javascript

yarn与npm的命令行小结

Oct 20 Javascript

详解js中Json的语法与格式

Nov 22 Javascript

Vue.js实现微信过渡动画左右切换效果

Jun 13 Javascript

vue2项目使用sass的示例代码

Jun 28 Javascript

javascript input输入框模糊提示功能的实现

Sep 25 Javascript

详解用Node.js实现Restful风格webservice

Sep 29 Javascript

最简单的vue消息提示全局组件的方法

Jun 16 Javascript

js实现掷骰子小游戏

Oct 24 Javascript

layui清除radio的选中状态实例

Nov 14 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

深入了解 register_globals (附register_globals=off 网站打不开的解决方法)

2012/06/27 PHP

浅析PHP中strlen和mb_strlen的区别

2014/08/31 PHP

Yii2下session跨域名共存的解决方案

2017/02/04 PHP

Yii2框架操作数据库的方法分析【以mysql为例】

2019/05/27 PHP

PHP使用ActiveMQ实现消息队列的方法详解

2019/05/31 PHP

使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法

2011/04/07 Javascript

JS获取键盘上任意按键的值(实例代码)

2013/11/12 Javascript

jQuery插件jQuery-JSONP开发ajax调用使用注意事项

2013/11/22 Javascript

js动态调用css属性的小规律及实例说明

2013/12/28 Javascript

js常用自定义公共函数汇总

2014/01/15 Javascript

javascript生成json数据简单示例分享

2014/02/14 Javascript

Javascript中的异步编程规范Promises/A详细介绍

2014/06/06 Javascript

JS获取单击按钮单元格所在行的信息

2014/06/17 Javascript

jQuery中prevUntil()方法用法实例

2015/01/08 Javascript

兼容各大浏览器的JavaScript阻止事件冒泡代码

2015/07/09 Javascript

利用jQuery中的ajax分页实现代码

2016/02/25 Javascript

Nodejs学习item【入门手上】

2016/05/05 NodeJs

基于Bootstrap+jQuery.validate实现表单验证

2016/05/30 Javascript

React利用插件和不用插件实现双向绑定的方法详解

2017/07/03 Javascript

Thinkjs3新手入门之添加一个新的页面

2017/12/06 Javascript

Vue项目全局配置页面缓存之按需读取缓存的实现详解

2018/08/01 Javascript

Vue引用Swiper4插件无法重写分页器样式的解决方法

2018/09/27 Javascript

JavaScript数组及常见操作方法小结

2019/11/13 Javascript

ES6学习笔记之let与const用法实例分析

2020/01/22 Javascript

[01:50:49]DOTA2-DPC中国联赛正赛 PSG.LGD vs Aster BO3 第三场 1月24日

2021/03/11 DOTA

跟老齐学Python之??碌某?? target=

2014/09/12 Python

介绍Python中的fabs()方法的使用

2015/05/14 Python

如何运行.ipynb文件的图文讲解

2019/06/27 Python

flask实现验证码并验证功能

2019/12/05 Python

使用Python webdriver图书馆抢座自动预约的正确方法

2021/03/04 Python

几个CSS3的flex弹性盒模型布局的简单例子演示

2016/05/12 HTML / CSS

西班牙品牌鞋子、服装和配饰在线商店：Esdemarca

2021/02/17 全球购物

竞选班长演讲稿

2013/12/30 职场文书

办公室秘书自我鉴定

2014/01/18 职场文书

租赁协议书

2015/01/27 职场文书

学校中层领导培训心得体会

2016/01/11 职场文书