首页>>帮助中心>>香港云服务器的jquery怎么获取body高度

香港云服务器的jquery怎么获取body高度

2023/10/15 387次

香港云服务器的jquery获取body高度的方法:1.新建html项目,引入jquery2.创建body标签,添加内容;3.添加button按钮,绑定onclick点击事件;4.通过标签名获取body对象,使用height()方法获取高度;

具体步骤如下:

1.首先,新建一个html项目,并在项目中引入jquery

<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后,在项目中创建body标签,并添加内容,用于测试;

<body>

<p></p>

</body>

3.body标签创建好后,添加一个button按钮,并绑定onclick点击事件,用于点击获取高度;

<button onClick="set()"></button>

4.最后,按钮添加好后,在点击事件中通过标签名获取body对象,在使用height()方法即可获取高度;

function set(){

var res= $("body").height();

alert(res);

}

相关扩展:

1)获取当前窗口文档body的总宽高

$(document.body).outerWidth(true).outerHeight(true);

2)获取当前窗口可视区域的宽高

$(window).width().height();

3)获取当前窗口文档对象的宽高

$(document).width().height();

一诺网络香港免备案专区,提供「香港增强云服务器」和「香港特惠云服务器」两种类型的高可用弹性计算服务,搭载新一代英特尔®至强®铂金处理器,接入CN2低延时高速回国带宽线路,网络访问顺滑、流畅。机房网络架构采用了BGP协议的解决方案可提供多线路互联融合网络,使得不同网络运营商线路的用户都能通过最佳路由实现快速访问。香港云服务器低至29/月,购买链接:https://www.enuoidc.com/vps.html?typeid=2

版权声明

    声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们996811936@qq.com进行处理。