网页开发前端模态框问题

Question

图1和图二的//?????的代码解释一下

Answer 1

    btn.onclick = function () {
        if (login) return;//这里判断login DOM是否创建过，创建就退出，在JavaScript中，null等于false
        login = document.createElement('div');
        login.id = 'login';//login为div dom对象，给dom对象起id名称
    }

更多更等价于false的值，题主可以参考：

javascript判断中为假false的值_JavaScript/Ajax开发技巧_Web开发网 http://www.w3dev.cn/article/20151215/javascript-if-condition-is-false-value.aspx

第一张图中的3个函数其实已有很详细的说。viewwidth,viewheight,getscrolly,pageheight。由于不同版本浏览器或者同一浏览器不同版本的属性支持不同，所以做了兼容。
比如旧版本的chrome页面滚动高度用 document.body.scrollHeight，而不能用document.documentElement.scrollHeight（得到0）获取，即使启用了xhtml申明。
在其他浏览器中，如果没有xhtml申明

```

```，滚动高度用document.body.scrollHeight，document.documentElement.scrollHeight得到0
启用了xhtml，则反过来。所以要做兼容