-
1，设置蒙层(mask)透明度需要注意，其他浏览器直接设置透明度opacity=0.75,而ie浏览器呢需要filter:alpha(opacity=75);注意数值；width:100%;position:absolote查看全部
-
document.getElementById(“#div”)查找一个ID为div的节点。 document.createElement(“div”)创建一个标签名为div的节点。 document.getElementsByTagName(“div”)查找一个标签名为div的节点。查看全部
-
删除页面里边body的子节点 事件串起来的写法：oMask.onclick=oClose.onclick=function(){ } document.body.removeChild(oMask);//删除文档内部body下面的子节点oMask 也就是说，只有当oMask是body的子节点时，这样删才有用；如果是其他部分的操作，需要先找到它的父节点，然后再进行操作 文档宽高 scrollHeight、scrollWidth 可视宽高 clientHeight、clientWidth 元素宽高 offsetHeight、offsetWidth查看全部
-
获取可视区域的宽高 document.documentElement.clientHeight获取可视区域的高度； document.documentElement.clientWidth获取可视区域的宽度； 注：如果页面是竖向的页面，那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的；查看全部
-
window.onload的意义是文档页面加载完获取结点。因为有些结点是文档没加载完获取不到的。 var sHeight=document.documentElement.scrollHeight;获取页面高度 var sWidth=document.documentElement.scrollWidth;获取页面宽度 var omask=document.createElement("div");创建结点 document.body.appendChild(oMask);在页面上追加结点（显示） JS创建一个遮罩层： 1、创建遮罩层： ①js实现元素的添加(即创建元素节点)方法：var oMask=document.createElement("标签名"); ②给创建的元素一个id：oMask.id="mask"; 2、获取页面的高度和宽度： var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.给遮罩层加上宽高: ①给刚才创建的元素设置高度和宽度为页面高度和宽度，别忘了加单位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到这一步刷新页面，并没有创建的那个元素显示，为什么？ 创建的元素目前还停留在JS里面，它并没有向文档插入节点，所以要做下一步插入节点 5、将遮罩层插入到页面中 ①插入节点： document.body.appendChild(oMask);这就是在页面的尾部追加节点 6、这时载刷新页面就出现刚才创建的遮罩层了查看全部
-
1、透明度写法： opacity:0.75; filter:alpha(opacity=75);//专门为兼容IE使用滤镜。 2、遮罩层绝对定位，页面中有些块在遮罩层上方时，这时设置z-index 3、登陆框的外层框fixed固定定位，fixed静态定位是相对整个屏幕的。比如：position:fixed;left:30%;top:30%; 4、登录框相对定位，关闭按钮绝对定位查看全部
-
弹出层知识点查看全部
-
//当点击登录时出现遮罩层和登录框 obtn.onclick=function{ .... } var oclose=document.getElementById(); oclose.conclick=function() { document.body.removeChild(omask); document.body.removeChild(ologin); }查看全部
-
var wheight=document.documentElement.clientHeight; 创建登录 var ologin=document.createElement("div"); ologin.id="login"; ologin.innerHTME="<div class=''><div id='close'></div></div>"; document.body.appendChild("ologin"); //获取login的宽度和高度 var dHeight=ologin.offsetHeight; var dWidth=ologin.offsetWidth; lolgin.style.left=(sWidth-dWidth)/2+"px"; lolgin.style.top=(wWidth-dWidth)/2+"px";查看全部
-
js代码： window.onload=function(){ var obtn=document.getElementById(); var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; var omask=document.createElement("div"); omask.id="mask"; omask.style.height=sHeight+"px"; omask.style.width=sWidth+"px"; document.body.appendChild(); }查看全部
-
遮罩层的样式： background： opacity:(IE不支持：filter：alpha（opacity=75）) height： width： position：absolutely； left： top： z-index:1000; 登录框的样式： position:fixed; left:30% top:30% 登录框的内容部分样式： width: height: position:relative;查看全部
-
弹出层知识点查看全部
-
IE不支持opacity，所以用filter实现查看全部
-
弹出框定位到显示器正中央查看全部
-
1、获取可视区域的宽高 document.documentElement.clientHeight获取可视区域的高度； document.documentElement.clientWidth获取可视区域的宽度； 注：如果页面是竖向的页面，那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的； 2、document.body.appendChild();为body插入一个元素； 3、①在JS里每一个换行就相当于执行一个新的语句， ❷如果外围是上引号，里面是不能用双引号的。 因为在这里双引号代表字符串的结束和开始，所以要把里面的双引号换成单引号 比如：oLogin.innerHTML="<div class='loginCon'><div id='close'></div></div>" 4、①offsetWidth/offsetHeight获取的是文档(即页面)中已有的元素的宽度和高度 ❷获取元素必须放到插入元素之后， ③如果元素只是创建了，如var oLogin=document.createElement("div")， ④而没有插入到文档中，如没有document.body.appendChild(oLogin)， ⑤那么该元素只存在JS里，它没进入我们的DOM，它就是不可见的。 ⑥而offsetWidth/offsetHeight它对于这些元素是找不到的，会报错查看全部
举报
0/150
提交
取消