tnjk.net
当前位置:首页 >> js设置Div高度自适应 >>

js设置Div高度自适应

$(window).resize(function(){ resizeWindow(); }); function resizeWindow(){ var winH = $(window).height(); $("div").css('height',winH+'px');//这里的div,选择你的那个div }

js里面提供了很多的方法,可以计算DIV的高度,以及也可以给DIV直接复制。 如下是代码的实现: var oDiv = document.getElementById('div'); alert(oDiv.offsetHeight); //这个就是获取DIV的高度 oDiv.style.height = oDiv.offsetHeight + 100 + ...

修改div高度,可以直接给div的width赋值即可。 下面是小例子,仅供参考: #div2 {width:200px;height:200px;background:red;border:1px solid black;}function toGreen(){var oDiv=document.getElementById('div2');oDiv.style.width='300px';oD...

首先你得有个高宽比(比例),根据这个比,用js计算就是了。 function resizeHeight(id,size){ var ele = document.getElementById(id); var width = ele.offsetWidth; ele.style.height = size*width+"px"; } 说明:id是div的id(String),size...

首先设置两个div,假设给出id分别为a和b,b始终为a的宽度的二分之一。 js代码为: var diva=document.getElementById("a"); var divb=document.getElementById("b"); var wid=diva.offsetWidth; function jt(){//定义监听a大小变化的函数 var wi...

那要看你具体的布局方案。 $(function(){ var winWidth,winHeight; Resize = function(){ winWidth = $(window).width(), winHeight= $(window).height(); }});解释,Resize函数是当屏幕大小改变(包括载入)的时候对你需要的宽度和高度再赋值,...

无标题文档 .all{border:2px solid black;height:100%;} .one{border:2px solid red;} .two{border:2px solid blue; height:200px;} var ss; window.onload=function() { var w=document.documentElement.clientWidth ;//可见区域宽度 var h=do...

编写相应程序代码即可。 代码如下: function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth +...

var wt = document.getElementById("picBox").width;这样。 另外推荐用jQuery写。

iframe高度自适应,700为自己设定的iframe高度最低值,高度小于700的将以700显示,大于700将以div自身高度来显示。iframe高度最低值可以自己修改

网站首页 | 网站地图
All rights reserved Powered by www.tnjk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com