编程 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字符串处理函数 - split()、join()、substring()和indexOf()

Jun 02 Javascript

jQuery EasyUI API 中文文档 - ValidateBox验证框

Oct 06 Javascript

javascript中数组的concat()方法使用介绍

Dec 18 Javascript

node.js中的buffer.copy方法使用说明

Dec 14 Javascript

javascript实现table表格隔行变色的方法

May 13 Javascript

Jquery实现弹性滑块滑动选择数值插件

Aug 08 Javascript

angularjs学习笔记之完整的项目结构

Sep 26 Javascript

理解javascript异步编程

Jan 27 Javascript

完美解决js传递参数中加号和&号自动改变的方法

Oct 11 Javascript

vue.js使用3DES加密的方法示例

May 18 Javascript

Bootstrap Table实现定时刷新数据的方法

Aug 13 Javascript

vue 实现图片懒加载功能

Dec 31 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常用函数的使用汇总

2013/06/08 PHP

php使用GD创建保持宽高比缩略图的方法

2015/04/17 PHP

php实现在多维数组中查找特定value的方法

2015/07/29 PHP

laravel7学习之无限级分类的最新实现方法

2020/09/30 PHP

jQuery 顺便学习下CSS选择器奇偶匹配nth-child(even)

2010/05/24 Javascript

javascript对select标签的控制(option选项/select)

2013/01/31 Javascript

javascript对象的使用和属性操作示例详解

2014/03/02 Javascript

javascript限制文本框输入值类型的方法

2015/05/07 Javascript

js手动播放图片实现图片轮播效果

2016/09/17 Javascript

jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容

2016/12/08 Javascript

Vue.js展示AJAX数据简单示例讲解

2017/03/29 Javascript

谈谈JS中的!!

2017/12/07 Javascript

javascript实现文件拖拽事件

2018/03/29 Javascript

vue中组件的3种使用方式详解

2019/03/23 Javascript

vue之组件内监控$store中定义变量的变化详解

2019/11/08 Javascript

JS数组方法concat()用法实例分析

2020/01/18 Javascript

小程序实现密码输入框

2020/11/16 Javascript

[01:33:30]DOTA2-DPC中国联赛正赛 RNG vs Phoenix BO3 第二场 2月5日

2021/03/11 DOTA

windows系统中python使用rar命令压缩多个文件夹示例

2014/05/06 Python

Python抓取框架 Scrapy的架构

2016/08/12 Python

Python利用ElementTree模块处理XML的方法详解

2017/08/31 Python

python登录并爬取淘宝信息代码示例

2017/12/09 Python

Django model update的多种用法介绍

2020/03/28 Python

Python带参数的装饰器运行原理解析

2020/06/09 Python

python代数式括号有效性检验示例代码

2020/10/04 Python

python实现测试工具（二）——简单的ui测试工具

2020/10/19 Python

一款纯css3实现的响应式导航

2014/10/31 HTML / CSS

综合素质的自我鉴定

2013/10/07 职场文书

医学院学生的自我评价分享

2013/11/19 职场文书

一个大学生十年的职业规划

2014/01/17 职场文书

街道社区活动报告

2015/02/05 职场文书

2016三八妇女节慰问信

2015/11/30 职场文书

趣味运动会口号

2015/12/24 职场文书

利用 SQL Server 过滤索引提高查询语句的性能分析

2021/07/15 SQL Server

《仙剑客栈2》第一弹正式宣传片公开年内发售

2022/04/07 其他游戏

Elasticsearch 批量操作

2022/04/19 Python