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 相关文章推荐
参考:关于Javascript中实现暂停的几篇文章
Mar 04 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
AngularJS内建服务$location及其功能详解
Jul 01 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
Dec 26 Javascript
解决vue里碰到 $refs 的问题的方法
Jul 13 Javascript
浅谈AngularJS中使用$resource(已更新)
Sep 14 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 Javascript
VUE 解决mode为history页面为空白的问题
Nov 01 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 Javascript
类和原型的设计模式之复制与委托差异
Jul 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 feof用来识别文件末尾字符的方法
2010/08/01 PHP
解析php利用正则表达式解决采集内容排版的问题
2013/06/20 PHP
浅谈Eclipse PDT调试PHP程序
2014/06/09 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
《JavaScript高级程序设计》阅读笔记(二) ECMAScript中的原始类型
2012/02/27 Javascript
JavaScript的setAttribute兼容性问题解决方法
2013/11/11 Javascript
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
jquery ztree实现树的搜索功能
2016/02/25 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
Vuex的API文档说明详解
2020/02/05 Javascript
基于vue中的scoped坑点解说
2020/09/04 Javascript
vue中defineProperty和Proxy的区别详解
2020/11/30 Vue.js
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
Python实现控制台输入密码的方法
2015/05/29 Python
判断网页编码的方法python版
2016/08/12 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
python使用正则表达式替换匹配成功的组
2017/11/17 Python
详解Python3中setuptools、Pip安装教程
2019/06/18 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
什么是python类属性
2020/06/10 Python
python爬取代理IP并进行有效的IP测试实现
2020/10/09 Python
五好党支部事迹材料
2014/02/06 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
学校教研活动总结
2014/07/02 职场文书
行政执法队伍作风整顿剖析材料
2014/10/11 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)
2021/07/01 HTML / CSS
Python torch.flatten()函数案例详解
2021/08/30 Python