编程 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使用手册之二 DOM操作

Mar 24 Javascript

使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)

Mar 16 Javascript

javascript拖拽上传类库DropzoneJS使用方法

Dec 05 Javascript

JS对文本框值的判断示例

Mar 10 Javascript

javascript实现列表滚动的方法

Jul 30 Javascript

Bootstrap每天必学之下拉菜单

Nov 25 Javascript

javascript嵌套函数和在函数内调用外部函数的区别分析

Jan 31 Javascript

javascript检查某个元素在数组中的索引值

Mar 30 Javascript

使用vue.js2.0 + ElementUI开发后台管理系统详细教程（一）

Jan 21 Javascript

js 获取今天以及过去日期

Apr 11 Javascript

JS如何设置元素样式的方法示例

Aug 28 Javascript

JS实现闭包中的沙箱模式示例

Sep 07 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递归调用与静态变量使用

2012/12/16 PHP

codeigniter显示所有脚本执行时间的方法

2015/03/21 PHP

php 中奖概率算法实现代码

2017/01/25 PHP

laravel 中如何使用ajax和vue总结

2017/08/16 PHP

PDO::errorCode讲解

2019/01/28 PHP

纯CSS3实现质感细腻丝滑按钮

2021/03/09 HTML / CSS

图片格式的JavaScript和CSS速查手册

2007/08/20 Javascript

javascript数组去掉重复

2011/05/12 Javascript

精心挑选的15款优秀jQuery 本特效插件和教程

2012/08/06 Javascript

javascript 上下banner替换具体实现

2013/11/14 Javascript

javascript实现俄罗斯方块游戏的思路和方法

2015/04/27 Javascript

vue watch普通监听和深度监听实例详解(数组和对象)

2018/08/16 Javascript

详解angular2如何手动点击特定元素上的点击事件

2018/10/16 Javascript

通过js给网页加上水印背景实例

2019/06/17 Javascript

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能

2019/11/12 Javascript

解决vue elementUI中table里数字、字母、中文混合排序问题

2020/01/07 Javascript

Vue设置长时间未操作登录自动到期返回登录页

2020/01/22 Javascript

Vue proxyTable配置多个接口地址,解决跨域的问题

2020/09/11 Javascript

Vue过滤器,生命周期函数和vue-resource简单介绍

2021/01/12 Vue.js

Python 处理数据的实例详解

2017/08/10 Python

Django JWT Token RestfulAPI用户认证详解

2019/01/23 Python

Python学习笔记之文件的读写操作实例分析

2019/08/07 Python

Python高级特性之闭包与装饰器实例详解

2019/11/19 Python

flask框架配置mysql数据库操作详解

2019/11/29 Python

python中for in的用法详解

2020/04/17 Python

Django封装交互接口代码

2020/07/12 Python

澳大利亚票务和娱乐市场领导者：Ticketmaster

2017/03/03 全球购物

Dr. Martens马汀博士澳大利亚官网：马丁靴鼻祖

2019/07/02 全球购物

瑞士图书网站：Weltbild.ch

2019/09/17 全球购物

医生进修自我鉴定

2014/01/19 职场文书

秘书英文求职信范文

2014/01/31 职场文书

给学校的建议书

2014/03/12 职场文书

知识就是力量演讲稿

2014/09/13 职场文书

大学生违纪检讨书300字

2014/10/25 职场文书

保安辞职申请书应该怎么写？

2019/07/15 职场文书

画错魏国疆域啦！《派对咖孔明》动画因作画失误于官网致歉

2022/04/07 日漫