js获取了浏览器页面高度，怎么赋值给html标签

设 你已经拿到高度 并将其赋值给JS变量 domHeight;并获取了了需要赋值的标签dom

这个时候你只要获取你需要赋值的标签。

JQ：$(dom)height( domHeight );

javascript : domstylecssText += ";height:100px;"

windowonresize=function ()

{

var iHeight = documentdocumentElementclientHeight||documentbodyclientHeight;

objstyleheight=iHeight;

}

上面其中的obj就是你要处理的对象也就是那个要填满屏幕的div

js获取浏览器可见区域(不包括标题栏、地址栏、收藏夹栏状态栏等额外区域，仅为页面呈现区域)的高度和宽度

宽度：documentdocumentElementclientWidth

高度：documentdocumentElementclientHeight

在Chrome及IE8中测试正确，其余未测试

通过window对象来得到窗口相关的内外款高度信息，如下：

outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。

outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。

innerheight 返回窗口的文档显示区的高度。

innerwidth 返回窗口的文档显示区的宽度。

在浏览器兼容方面：

所有主流浏览器都支持 outerWidth 和 outerHeight 属性。

注意：IE 8 及更早 IE 版本不支持该属性。

所有主流浏览器都支持 innerWidth 和 innerHeight 属性。

注意：IE 8 及更早 IE版本不支持这两个属性。

示例（我笔记本分辨率1366x768，浏览器全屏显示，测试）：

documentwrite("outerWidth: " + windowouterWidth + " outerHeight: " + windowouterHeight); // 显示：outerWidth: 1366 outerHeight: 768

documentwrite("innerWidth: " + windowinnerWidth + " innerHeight: " + windowinnerHeight); // 显示：innerWidth: 1366 innerHeight: 705

代码大致如下供参考：

var image=new Image();

imagesrc=//你的背景的src;

var divelement = documentgetElementById(你的div的id);

divelementstyleheight=(imageheightdivelementoffsetWidth)/imagewidth + "px";

几个需要注意的地方是imagesrc=xxx后需要等待直到下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么已经被下载过了，所以直接进行后面的就好。另外以styleheight来设置高度的话后面需要加单位，比如px

以上就是关于js获取了浏览器页面高度，怎么赋值给html标签全部的内容，包括:js获取了浏览器页面高度，怎么赋值给html标签、求一段JS代码，能取得浏览器可视界面高度，并根据高度值改变网页显示的百分比、360浏览器的 js 获取不到准确的窗口高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！