js设置body高度、宽度为浏览器窗口高度、宽度

window.onload = () => {
                 document.getElementsByTagName("body")[0].style.height = document.body.scrollHeight+"px";
                 document.getElementsByTagName("body")[0].style.width  = document.body.scrollWidth+"px";
             }

  

原文地址:https://www.cnblogs.com/duniang/p/8662971.html

时间: 2024-08-30 13:45:03

js设置body高度、宽度为浏览器窗口高度、宽度的相关文章

用原生JS实现的一个导航下拉菜单,下拉菜单的宽度与浏览器视口的宽度一样(js+html+css)

这个导航下拉菜单需要实现的功能是:下拉菜单的宽度与浏览器视口的宽度一样宽:一级导航只有两项,当鼠标移到一级导航上的导航项时,相应的二级导航出现.在本案例中通过改变二级导航的高度来实现二级导航的显示和消失.为了便于理解我画了一个图,如下: 在这个案例主要用到的知识有:设置定时器,清除定时器,mouseout和mouseover事件,另外还有css中position相关知识.本案例分为两部分讲解.第一部分html和css,第二部分js. 一. html和css 将导航这个导航条包裹在一个div中,这

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)

js获取各种浏览器窗口可视宽度和高度(不包含工具栏和标签栏). function getViewportSize(w){ w= w || window; //除了IE8以及更早版本外,其它浏览器都能用 if(w.innerWidth != null){ return { w:w.innerWidth, h:w.innerHeight } }; //对标准模式下的IE或任何浏览器 var d=w.document; if(document.compatMode == "CSS1Compat&quo

js获取浏览器窗口可视区域大小

获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一.对于IE9+.Chrome.Firefox.Opera 以及 Safari: •  window.innerHeight - 浏览器窗口的内部高度 •  window.innerWidth - 浏览器窗口的内部宽度 二.对于 Internet Explorer 8.7.6.5: •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度. •  document.doc

jquery获取窗口高度的方法及判断scroll滚动到底部

$(window).height()     获取的是当前可视窗口的高度,也就是用户能看到的窗口的高度,是不变的(在窗口大小不变的前提下)$(document).height()  获取的是窗口内文档的高度,这个高度随着文档内容的高度改变而改变 当窗口滚动条滚到最低端时,$(document).height() == $(window).height() + $(window).scrollTop().当窗口内文档高度不足浏览器窗口高度时,$(document).height()返回的是$(wi

关于块级元素撑满整个浏览器窗口

我们经常会需要将一个块级元素设置大小让它显示在页面中,最常用的就是设置具体的值. 例如在页面上显示一个粉色背景的像素为200px*200px的方形 ... #mydiv{ width:200px; height:200px; background-color:pink } ... <div id="mydiv"></div> ... 如果想让该div撑满整个浏览器窗口呢? 1.获取窗口的大小,然后再将值赋给改div的宽和高.(可以用javascript实现) 2

Jquery使容器自适应浏览器窗口

一.几个关键点 1:当文档大小改变时可以通过哪个事件来触发? resize([Data], fn) 可传入data供函数fn处理. 示例: $(window).resize(function(){ alert("Stop it!"); });      2:怎样获得浏览器窗口的宽度高度? 获取当前浏览器窗口的宽度 $(window).width(); 获取第一段的宽 $("p").width() 获取当前HTML文档宽度 $(document).width(); 3

浏览器窗口可视区域大小

http://www.imooc.com/code/1702 浏览器窗口可视区域大小 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一.对于IE9+.Chrome.Firefox.Opera 以及 Safari: •  window.innerHeight - 浏览器窗口的内部高度 •  window.innerWidth - 浏览器窗口的内部宽度 二.对于 Internet Explorer 8.7.6.5: •  document.documentElement.cli

三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)

Window 尺寸 有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 对于 Internet Explorer 8.7.6.5: document.documentElement.clientHeight document.documentEl

jquery获取文档高度和窗口高度问题

$(document).height():整个网页的文档高度 $(window).height():浏览器可视窗口的高度 经过测试 无论是窗口高度还是文档高度 ,其实值是相等的.都会随着浏览器窗口的缩放而变化, 注意: IE8下面 获取到的$(document).height()文档高度值,比实际高度多4px. 比如获取的是768px. 则文档的实际高度是764px.如果里面放的元素高度超过764px,则出现右侧滚动条. $(window).height()获取高度没这问题是实际高度. 切记 $