编程 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下IE与FF兼容函数收集

Sep 17 Javascript

深入理解JavaScript定时机制

Oct 29 Javascript

GreyBox技术总结（转）

Nov 23 Javascript

JavaScript中的变量声明早于赋值分析

Mar 01 Javascript

JS弹出窗口代码大全(详细整理)

Dec 21 Javascript

js动态给table添加/删除tr的方法

Aug 02 Javascript

node.js不得不说的12点内容

Jul 14 Javascript

form.submit()不能提交表单的原因分析

Oct 23 Javascript

利用jQuery实现漂亮的圆形进度条倒计时插件

Sep 30 Javascript

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（一）

Dec 10 Javascript

EasyUI的DataGrid绑定Json数据源的示例代码

Dec 16 Javascript

详解Angular Karma测试的持续集成实践

Nov 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中的常见魔术方法功能作用及用法实例

2015/07/01 PHP

php上传图片并压缩的实现方法

2015/12/22 PHP

PHP 中 var_export、print_r、var_dump 调试中的区别

2018/06/19 PHP

JQuery 弹出框定位实现方法

2010/12/02 Javascript

js网页版计算器的简单实现

2013/07/02 Javascript

搭建pomelo 开发环境

2014/06/24 Javascript

javascript中键盘事件用法实例分析

2015/01/30 Javascript

JS实现文字链接感应鼠标淡入淡出改变颜色的方法

2015/02/26 Javascript

nw.js实现类似微信的聊天软件

2015/03/16 Javascript

JS实现CheckBox复选框全选、不选或全不选功能

2020/07/28 Javascript

ES6中Math对象的部分扩展

2017/02/20 Javascript

Vue.js组件tab实现选项卡切换

2020/03/23 Javascript

JS解析url查询参数的简单代码

2017/08/06 Javascript

前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来

2017/11/14 jQuery

p5.js入门教程之鼠标交互的示例

2018/03/16 Javascript

jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】

2018/05/26 jQuery

简单使用webpack打包文件的实现

2019/10/29 Javascript

关于vue2强制刷新,解决页面不会重新渲染的问题

2019/10/29 Javascript

JavaScript实现省市联动效果

2019/11/22 Javascript

Vue之封装公用变量以及实现方式

2020/07/31 Javascript

Android模拟器无法启动,报错：Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法

2016/07/01 Python

python 使用get_argument获取url query参数

2017/04/28 Python

Python实现在tkinter中使用matplotlib绘制图形的方法示例

2018/01/18 Python

python按比例随机切分数据的实现

2019/07/11 Python

简单了解pytest测试框架setup和tearDown

2020/04/14 Python

python中xlutils库用法浅析

2020/12/29 Python

Android本地应用打开方法——通过html5写连接

2016/03/11 HTML / CSS

美国迪克体育用品商店：DICK’S Sporting Goods

2018/07/24 全球购物

大学生毕业自我评价范文分享

2013/11/11 职场文书

电子商务专业毕业生求职信

2014/06/12 职场文书

2014年财务工作自我评价

2014/09/23 职场文书

导游欢送词

2015/01/31 职场文书

2015年银行员工工作总结

2015/04/24 职场文书

2015国庆节66周年标语

2015/07/30 职场文书

python如何正确使用yield

2021/05/21 Python

解析MySQL索引的作用

2022/03/03 MySQL