javascript - 用js完成自适应时为什么要加两对()()啊

问题描述

问 题

window.onload = function(){(
    window.onresize = function () {
        //获取可见宽度和宽度
        //documentElement是整个DOM的根节点，即html
        var width = document.documentElement.clientWidth - 180;
        var height = document.documentElement.clientHeight - 80;
        if(width >= 0){
            document.getElementById('main').style.width = width + 'px';
        }
        if(height >= 0){
            document.getElementById('main').style.height = height + 'px';
            document.getElementById('sidebar').style.height = height + 'px';
        }
})()
};

为什么要加两对 ()()才能在刚进页面时就能调用函数，不加的话必须滚动下才能调用？
这是为啥。

解决方案

这段代码写得太烂了，可读性非常差，他的意思是window.onload的时候，去绑定resize，而且同时还要在resize的时候绑定同样一个函数？这思维太混乱了。

你知道 window.onresize = function () {}的返回值是这个函数本身？ 有可读性？
这么写好点：

var dosomething = function () {...}
window.onload = dosomething
window.resize = dosomething

这篇关于javascript - 用js完成自适应时为什么要加两对()()啊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！