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

jquery $.ajax各个事件执行顺序

Oct 15 Javascript

javascript椭圆旋转相册实现代码

Jan 16 Javascript

js 代码优化点滴记录

Feb 19 Javascript

学习JavaScript设计模式(策略模式)

Nov 26 Javascript

js获取ip和地区

Mar 10 Javascript

vue修改vue项目运行端口号的方法

Aug 04 Javascript

JavaScript设计模式之单例模式简单实例教程

Jul 02 Javascript

angular 组件通信的几种实现方式

Jul 13 Javascript

Vue 组件封装并使用 NPM 发布的教程

Sep 30 Javascript

vue使用element-ui实现表单验证

Dec 13 Vue.js

Node快速切换版本、版本回退(降级)、版本更新(升级)

Jan 07 Javascript

JavaScript 数组去重详解

Sep 15 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/04/09 PHP

php错误提示failed to open stream: HTTP request failed!的完美解决方法

2011/06/06 PHP

PHP获取昨天、今天及明天日期的方法

2016/02/03 PHP

PHP预定义变量9大超全局数组用法详解

2016/04/23 PHP

PHP redis实现超迷你全文检索

2017/03/04 PHP

flexigrid 类似ext grid的JS表格代码

2010/07/17 Javascript

解析JavaScript中点号“.”的多义性

2013/12/02 Javascript

javascript制作的简单注册模块表单验证

2015/04/13 Javascript

浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结

2016/03/16 Javascript

JavaScript 身份证号有效验证详解及实例代码

2016/10/20 Javascript

jQuery插件DataTable使用方法详解(.Net平台)

2016/12/22 Javascript

JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法

2017/01/03 Javascript

vue自定义全局组件(自定义插件)的用法

2018/01/30 Javascript

VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解

2018/11/30 Javascript

在Vue项目中,防止页面被缩放和放大示例

2019/10/28 Javascript

uni-app如何页面传参数的几种方法总结

2020/04/28 Javascript

Vue如何循环提取对象数组中的值

2020/11/18 Vue.js

Python中pygame的mouse鼠标事件用法实例

2015/11/11 Python

python实现树形打印目录结构

2018/03/29 Python

Flask入门之上传文件到服务器的方法示例

2018/07/18 Python

python直接获取API传递回来的参数方法

2018/12/17 Python

解决pycharm的Python console不能调试当前程序的问题

2019/01/20 Python

PIL图像处理模块paste方法简单使用详解

2019/07/17 Python

宝塔面板成功部署Django项目流程(图文)

2020/06/22 Python

深入了解Python 变量作用域

2020/07/24 Python

PyTorch 导数应用的使用教程

2020/08/31 Python

Revolution Beauty美国官网：英国知名化妆品网站

2018/07/23 全球购物

用JAVA SOCKET编程，读服务器几个字符，再写入本地显示

2012/11/25 面试题

电大学习个人自我评价范文

2013/10/04 职场文书

大学生水果店创业计划书

2014/01/28 职场文书

《郑和远航》教学反思

2014/04/16 职场文书

2014年药品销售工作总结

2014/12/16 职场文书

小学生2015教师节演讲稿

2015/03/19 职场文书

2015年宣传部个人工作总结

2015/05/14 职场文书

python实现socket简单通信的示例代码

2021/04/13 Python

分析MySQL优化 index merge 后引起的死锁

2022/04/19 MySQL