Javascript IE div won';当窗口缩小时,t将相应缩小
我有一个div,它的高度由javascript控制,只要调整窗口的大小,javascript就会改变div的大小。现在放大窗口时它可以正常工作,但缩小窗口时它不工作。原因可能是什么?我有下面的代码Javascript IE div won';当窗口缩小时,t将相应缩小,javascript,internet-explorer,html,extjs,resize,Javascript,Internet Explorer,Html,Extjs,Resize,我有一个div,它的高度由javascript控制,只要调整窗口的大小,javascript就会改变div的大小。现在放大窗口时它可以正常工作,但缩小窗口时它不工作。原因可能是什么?我有下面的代码 <script type="text/javascript"> function window_resize() { var height = 0; var body = window.document.body;
<script type="text/javascript">
function window_resize() {
var height = 0;
var body = window.document.body;
if (window.innerHeight) {
height = window.innerHeight;
} else if (body.parentElement.clientHeight) {
height = body.parentElement.clientHeight;
} else if (body && body.clientHeight) {
height = body.clientHeight;
}
var element = document.getElementById('test');
element.style.height = height*80/100 + 'px';
}
Sys.Application.add_init(function (sender, args) {
$addHandler(window, 'resize', window_resize);
$addHandler(window, 'onload', window_resize);
document.body.onresize = window_resize;
document.body.onload = window_resize;
});
</script>
<div id="test" style="width:1000px;padding:0px;margin:0px;">
<spc:Explorer ID="explorer" runat="server"></spc:Explorer>
</div>
函数窗口_resize(){
var高度=0;
var body=window.document.body;
if(窗内高度){
高度=窗内高度;
}else if(body.parentElement.clientHeight){
高度=body.parentElement.clientHeight;
}else if(body和body.clientHeight){
高度=车身高度;
}
var元素=document.getElementById('test');
element.style.height=高度*80/100+‘px’;
}
Sys.Application.add_init(函数(发送方,参数){
$addHandler(窗口“调整大小”,窗口大小);
$addHandler(窗口,'onload',窗口大小);
document.body.onresize=窗口大小;
document.body.onload=窗口大小;
});
当你把窗口缩小时,我猜div太小了。可能的原因是减小窗口大小会使滚动条出现(即使它们没有显示),因此窗口大小的计算在滚动条内部
一种解决方案是将
body.style.display='none'
应用于主体,获取窗口的大小,然后执行body.style.display='
是否在这里使用javascript库?是的,div中有一个控件(id为'explorer')。本质上,该控件来自extjs。