后面主要由js代码控制
用的知识点:
1、获取body节点:document. body
2、在最后插入子节点:appendChild
3、删除子节点:removeChild
4、获取页面高度:document.documentElement.scrollHeight
5、获取页面宽度:
document.documentElement.scrollWidht
6、获取浏览器(页面)可视宽度:
document.documentElement.clientWidht
7、获取浏览器(页面)可视高度
document.documentElement.clientHeight
8、获取对象的宽度:offsetWidth
9、获取对象的高度:offsetHeight
两个节点,透明度
加载html文件的时候浏览器会对文档DOM进行渲染,生成我们所看到的页面,由于不是所有人都会使用登录功能,所以把这个模块交给js可以提高加载速度,当用户需要的时候再进行登录功能的渲染是更好的选择。所以根据功能模块选择不同的实现方法也是值得前端工程师去思考的
知识点用到的东西
连续等号 实现多个事件处理 使点击周围也能关闭窗口
removeChild删除相应的节点
offsetWidth获取元素的高度
注意该方法必须在插入节点之后使用 否则找不到该元素
垂直水平居中 可以用50%和margin 也可以用left值为整个页面宽减去窗口宽 再除以2
遮罩层的高度应该是整个页面的高度 全部遮住
login最主要的是在可视区域内垂直居中 可视区域是整个页面的一部分
注意创建了元素之后要插入才能显示
登录弹框
opcaity透明度需要考虑IE浏览器兼容,filter:alpha(opcaity=100)