网页开发前端模态框问题

图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的值，题主可以参考：

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

```

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

???那边的意思就是
判断 login这个元素是不是已经被创建出来了
如果已经有了，退出函数，不往下执行
如果还没有，新建一个div赋值给login
login.id = 'login'意思是给这个div设一个id，id是’login‘

首先 login 是一个全局变量

if (login) // 如果login!=null则表示该方法已经被触发过，已经生成了一个 id 为 login 的 div，则 return，跳出这个事件处理

login = document.createElement('div') // 动态生成一个 div，并将这个元素存放到 login 变量中

login.id = 'login' // 对 div 进行设置属性，属性名为 id，值为 login