html里不用写弹出窗体，只要在css中写好样式，点击登录js中动态创建弹出窗体

谢谢你哦，知道了

用z-index调整上下页面的关系，body层为0层的时候，遮罩层要在body层上面，就把z-index设为0以上的值就可以了

https://zhidao.baidu.com/question/445914334.html 看看

我测的没问题

登录按钮的ID

先修改下这两处看看可以不

首先是电脑的屏幕尺寸，现在的屏幕越来越大，如果固定值肯定是不行的，如果使用百分比，效果也不是很好，如果按百分比来写，您在不同的电脑上，弹出框部分始终会有些误差，而且在浏览器缩放大小的时候，用户的体验感也不是很好，所以通过js获取浏览器的宽和高来调整弹出框的位置是比较合理的

问题解决了,监控浏览器窗口变化动态摄者\\获取遮罩层的大小,同问的小伙伴可以试试

innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。也就是说，里面可以加dom节点，不限制于文字；innerText  才是只限于文字；

//获取id为close的关闭元素

var oClose=document.getElementById("close");

    oMask.onclick=oClose.onclick=function(){

document.body.removeChild(oMask);

document.body.removeChild(oLogin);

}

楼上正解

视频右下角有资料下载

一个是滚动条可以滚动的宽度总和；一个是用户直观看到的宽度。

查查scroll和client的英文意思

是的  bootstrap有相关组件直接用的

性质什么的是一样的 ，你这个应该是优先级的问题 具体的你可以度一下 

 我再这里跟你说的是 js 或者JQ控制节点改变样式 这个是最高优先级 也就是style="xxx"

css的话 id>class 更详细的不说了 另外z-index这些完全不需要通过js改变 css控制就好 

毕竟结构 表现 行为 对吧 

应该是removeChild();

大小写的问题吧。

是的，innerHTML就是标签内容以html格式进行编译，记得内容是字符串，要用引号包起来，可以定义一个变量，把要添加的内容赋给变量，传到xxx.innerHTML= 变量名

方便看一下全部代码吗？？

我的是 先把form写好 然后 innerHTML 丢进去 字符串过多可以这样写, 反引号,这样就不用写一行了

`

<form action='#'>

<p>链接:<input type='text' name='link'></p>

<p>标题:<input type='text' name='title' ></p>

</form>

`

贴下代码会好一点

在检查器里面可以看到节点已经添加，拥有left和top的属性， 不过就是看不到

谷歌浏览器的兼容问题

var sHeight=document.documentElement.scrollHeight || document.body.scrollHeight;

即可。

 document.body.appendChild(login);  这里是oLogin不是login，插入的是节点，不是id

static：

无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。

relative：

对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。

absolute：

对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。而其层叠通过z-index属性定义。

fixed：

对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。IE6及以下不支持此参数值