重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
(1)、打点 width() 获取元素的宽
创新互联是一家专注于成都网站建设、网站设计与策划设计,龙川网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:龙川等地区。龙川做网站价格咨询:18980820575
(2)、打点 height() 获取元素的高
(3)、打点 innerWidth() 获取包含内边距和内容区域不包含边框的宽
(4)、打点 innerHeight() 获取包含内边距和内容区域不包含边框的高
(5)、打点 outerWidth() 获取包含内边距、内容区域、边框的宽度
(6)、打点 outerHeight() 获取包含内边距、内容区域、边框的高度
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、其次在index.html中的script标签,输入js代码:
document.body.innerText = $(window).height();
3、浏览器运行index.html页面,此时会通过jquery获取到窗口高度“743”并打印出。
1、jquery获取滚动条高度使用.scrollTop()方法。
2、首先我们新建一个长篇的HTML文档。
3、然后我们编辑JS脚本,使用.scroll()方法,监听网页滚动。
4、然后我们使用.scrollTop()获取垂直滚动距离。
5、然后保存文件,查看获取的垂直滚动距离即可。
建议你这样试试看:
获取你要得到高度的那个div的jQuery对象,获得方法有很多很多种,具体你可以看一下jQuery API文档里的选择器部分,在这里我只跟你说一个最直接的方法,通过id获得:$("#id")
要看你要得到的是什么高度了,jQuery里现有的三个获得高度的方法是:
$("#id").height(); // 获得的是该div本身的高度, (不包含padding,margin,border)
$("#id").outerHeight(); // 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#id").outerHeight(true); // 包含该div本身的高度, 以及padding,border,margin上下的总高度