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程序设计有所帮助。

Javascript 相关文章推荐
基于jquery1.4.2的仿flash超炫焦点图播放效果
Apr 20 Javascript
js鼠标左右键 键盘值小结
Jun 11 Javascript
JS网页播放声音实现代码兼容各种浏览器
Sep 22 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
javascript打开word文档的方法
Apr 16 Javascript
js 采用delete实现继承示例代码
May 20 Javascript
jquery实现相册一下滑动两次的方法
Feb 09 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
js实现登录与注册界面
Nov 01 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
Sep 26 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实现分页的一个示例
2006/10/09 PHP
php中利用str_pad函数生成数字递增形式的产品编号
2013/09/30 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
检测codeigniter脚本消耗内存情况的方法
2015/03/21 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
PHP 实现缩略图
2021/03/09 PHP
JavaScript Sort 表格排序
2009/10/31 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
iframe异步加载实现点击左边菜单加载右边内容实例讲解
2013/03/04 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
Bootstrap实现水平排列的表单
2016/07/04 Javascript
浅谈jQuery为哪般去掉了浏览器检测
2016/08/29 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
微信小程序WebSocket实现聊天对话功能
2018/07/06 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
在vue和element-ui的table中实现分页复选功能
2019/12/04 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
Python 字符串大小写转换的简单实例
2017/01/21 Python
pandas多级分组实现排序的方法
2018/04/20 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
Visual Studio Code搭建django项目的方法步骤
2020/09/17 Python
Opodo英国旅游网站:预订廉价航班、酒店和汽车租赁
2018/07/14 全球购物
企业元宵节主持词
2014/03/25 职场文书
大学生活自我评价
2014/04/09 职场文书
2014年局领导班子自身建设情况汇报
2014/11/21 职场文书
高中教师个人工作总结
2015/02/10 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
人代会简报
2015/07/21 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python
mysql查看表结构的三种方法总结
2022/07/07 MySQL