jQuery获得document和window对象宽度和高度的方法

 更新时间:2015年03月25日 16:06:53   作者:上大王  
这篇文章主要介绍了jQuery获得document和window对象宽度和高度的方法,涉及jQuery获取document和window对象属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • JQuery中DOM节点的操作与访问方法实例分析

    JQuery中DOM节点的操作与访问方法实例分析

    这篇文章主要介绍了JQuery中DOM节点的操作与访问方法,结合实例形式分析了jquery操作dom节点与访问dom节点相关实现技巧及操作注意事项,需要的朋友可以参考下
    2019-12-12
  • jQuery插件实现静态HTML验证码校验

    jQuery插件实现静态HTML验证码校验

    这篇文章主要介绍了jQuery插件实现静态HTML验证码校验,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery中ztree 点击文本框弹出下拉框的实例代码

    jQuery中ztree 点击文本框弹出下拉框的实例代码

    这篇文章主要介绍了jQuery中ztree 点击文本框弹出下拉框的实例代码 的相关资料,需要的朋友可以参考下
    2017-02-02
  • jquery实现未经美化的简洁TAB菜单效果

    jquery实现未经美化的简洁TAB菜单效果

    这篇文章主要介绍了jquery实现未经美化的简洁TAB菜单效果,涉及jquery鼠标click事件实现页面元素样式动态变换的功能,需要的朋友可以参考下
    2015-08-08
  • JQuery 选择器、DOM节点操作练习实例

    JQuery 选择器、DOM节点操作练习实例

    下面小编就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • jQuery中add实现同时选择两个id对象

    jQuery中add实现同时选择两个id对象

    jquery同时选择两个id对象的时候,可以用add来实现。
    2010-10-10
  • 一次失败的jQuery优化尝试小结

    一次失败的jQuery优化尝试小结

    我经常抱怨jQuery的DOM操作性能并不优秀,并且经常尝试用一些方法去进行优化,但是越是优化,越是沮丧地发现jQuery其实已经做得很好,从使用者的角度能够进行的优化实在有限
    2011-02-02
  • jQuery 3 中的新增功能汇总介绍

    jQuery 3 中的新增功能汇总介绍

    本文带你了解了一遍 jQuery 3 将会带来的一些重大变化。或许你已经注意到了,这个版本是可能对你现有的项目产生太大的影响,因为没有引入太多许多重大更改。
    2016-06-06
  • jQuery中[attribute^=value]选择器用法实例

    jQuery中[attribute^=value]选择器用法实例

    这篇文章主要介绍了jQuery中[attribute^=value]选择器用法,实例分析了[attribute^=value]选择器的功能、定义及匹配以某些值开始的元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jquery获取url参数及url加参数的方法

    jquery获取url参数及url加参数的方法

    本文给大家介绍jquery获取url参数及url参数的方法,在url中加参数的方法本文通过多种方式给大家介绍jquery获取url参数,感兴趣的朋友一起学习学习吧
    2015-10-10

最新评论