编程 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实现Sleep暂停功能代码

Sep 03 Javascript

70+漂亮且极具亲和力的导航菜单设计国外网站推荐

Sep 20 Javascript

node.js正则表达式获取网页中所有链接的代码实例

Jun 03 Javascript

jQuery基于扩展实现的倒计时效果

May 14 Javascript

jquery easyui datagrid实现增加，修改，删除方法总结

May 25 Javascript

js数组操作方法总结(必看篇)

Nov 22 Javascript

JavaScript中Object值合并方法详解

Dec 22 Javascript

vue中设置、获取、删除cookie的方法

Sep 21 Javascript

使用Angular material主题定义自己的组件库的配色体系

Sep 04 Javascript

JavaScript定时器使用方法详解

Mar 26 Javascript

JavaScript实现跟随鼠标移动的盒子

Jan 28 Javascript

vue路由实现登录拦截

Mar 24 Vue.js

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笔试题

2009/08/04 PHP

apache+codeigniter 通过.htcaccess做动态二级域名解析

2012/07/01 PHP

PHP小技巧之JS和CSS优化工具Minify的使用方法

2014/05/19 PHP

thinkPHP2.1自定义标签库的导入方法详解

2016/07/20 PHP

PHP多进程编程之僵尸进程问题的理解

2017/10/15 PHP

浅谈Laravel模板实体转义带来的坑

2019/10/22 PHP

PHP7新特性

2021/03/09 PHP

通过继承IHttpHandle实现JS插件的组织与管理

2010/07/13 Javascript

异步加载script的代码

2011/01/12 Javascript

关于js中for in的缺陷浅析

2013/12/02 Javascript

JS实现图片平面旋转的方法

2016/03/01 Javascript

jQuery简单注册和禁用全局事件的方法

2016/07/25 Javascript

jQuery实现微信长按识别二维码功能

2016/08/26 Javascript

详解Vue中使用v-for语句抛出错误的解决方案

2017/05/04 Javascript

AngularJS实现的2048小游戏功能【附源码下载】

2018/01/03 Javascript

详解js类型判断

2018/05/22 Javascript

小程序清理本地缓存的方法

2018/08/17 Javascript

laydate时间日历插件使用方法详解

2018/11/14 Javascript

基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效

2019/04/18 Javascript

在vue中使用防抖和节流,防止重复点击或重复上拉加载实例

2019/11/13 Javascript

将Python的Django框架与认证系统整合的方法

2015/07/24 Python

Python实现ping指定IP的示例

2018/06/04 Python

python 删除字符串中连续多个空格并保留一个的方法

2018/12/22 Python

将python文件打包成EXE应用程序的方法

2019/05/22 Python

python如何以表格形式打印输出的方法示例

2019/06/21 Python

python Tensor和Array对比分析

2020/01/08 Python

Python多线程:主线程等待所有子线程结束代码

2020/04/25 Python

浅析HTML5中的download属性使用

2019/03/13 HTML / CSS

Booking.com英国官网：全球酒店在线预订网站

2018/04/21 全球购物

加拿大鞋网：Globo Shoes

2019/12/26 全球购物

解释下面关于J2EE的名词

2013/11/15 面试题

餐饮业员工工作决心书

2014/03/11 职场文书

党的群众路线教育实践活动个人整改措施范文

2014/11/04 职场文书

兴趣班停课通知

2015/04/24 职场文书

小学语文教师竞聘演讲稿范文

2019/08/09 职场文书

使用MybatisPlus打印sql语句

2022/04/22 SQL Server