Javascript 计算并设置某些div的高度(初始设置)。更改浏览器窗口的高度时-->;更改div的高度
我需要计算并设置一些div的高度(初始设置)。更改浏览器窗口高度时-->更改div的高度 如何更好地重写此代码(我想做一次初始设置,并在调整窗口大小时更改):Javascript 计算并设置某些div的高度(初始设置)。更改浏览器窗口的高度时-->;更改div的高度,javascript,jquery,resize,Javascript,Jquery,Resize,我需要计算并设置一些div的高度(初始设置)。更改浏览器窗口高度时-->更改div的高度 如何更好地重写此代码(我想做一次初始设置,并在调整窗口大小时更改): $(文档).ready(函数(){ 变量高度=document.documentElement.clientHeight-500; 如果(高度
$(文档).ready(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135){
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
$(窗口)。调整大小(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135)
{
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
});
});
这就是你要找的吗
jQuery(文档).ready(函数(){
$(窗口)。调整大小(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135){
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
jQuery(窗口).调整大小(函数(){
变量高度=document.documentElement.clientHeight-500;
如果(高度<135)
{
高度=135;
}
document.getElementById('left_space')。style.height=height+'px';
});
});
});
我认为jQuery(窗口)。调整一个窗口的大小将很好如果您纯粹是想整理代码,它可能看起来像这样:
$(document).ready(function () {
var resizeIt = function() {
var height = Math.max(document.documentElement.clientHeight - 500, 135);
$('#left_space').css('height', height + 'px');
};
resizeIt();
$(window).resize(function () {
resizeIt();
});
});
在这里,我提取了将高度设置为其自身函数的代码行,因此代码不会重复。然后,我利用了jQuery中可以用来查找和更改元素样式的一些较短语法。您的问题不清楚,请将其调整为什么?如果你正在做什么,它应该工作良好!
jQuery(document).ready(function () {
$(window).resize(function() {
var height = document.documentElement.clientHeight - 500;
if (height < 135) {
height = 135;
}
document.getElementById('left_space').style.height = height + 'px';
jQuery(window).resize(function () {
var height = document.documentElement.clientHeight - 500;
if (height < 135)
{
height = 135;
}
document.getElementById('left_space').style.height = height + 'px';
});
});
});
$(document).ready(function () {
var resizeIt = function() {
var height = Math.max(document.documentElement.clientHeight - 500, 135);
$('#left_space').css('height', height + 'px');
};
resizeIt();
$(window).resize(function () {
resizeIt();
});
});