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