-
js实现遮盖层查看全部
-
if ( event && event.stopPropagation ) { // 因此它支持W3C的stopPropagation()方法 event.stopPropagation(); } else { // 否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; }查看全部
-
<div>遮罩层查看全部
-
知识点查看全部
-
获取页面的高度和宽度，另外，遮罩层也直接用js来实现查看全部
-
内容简单易懂，受用了查看全部
-
document.documenElement.scrollHeight;获取整个页面的高度。查看全部
-
document.documenElement.clientHeight; 获取页面可视区域的高度。查看全部
-
JS遮罩层查看全部
-
页面的宽度和高度：scrollHeight、scrollWidth 可视区域的高度和宽度：clientHeight、clientWidth 注：如果页面是竖向的页面，那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的； .获取元素的高度和宽度，需先将该元素插入到DOM。如果没有这一步操作，那么该元素只存在JavaScript中，对于DOM而言是不可见的。 获取元素的高度：offsetHeight，offsetWidth obj.offsetHeight可以获取写在样式文件里的属性值，而obj.style.height只能获取行内属性，在表现与结构分离的今天，这显然是不合适的查看全部
-
遮蔽层（mask）//获取页面的高度和宽度 登录层（可视区域）//可视区域的高度和宽度查看全部
-
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、这时载刷新页面就出现刚才创建的遮罩层了 在JS里创建节点： var XX=document.creatElement("div"); 节点id创建 XX.id="mask"; 给其添加css样式 XX.style.width=100+"px"; 在页面尾部追加节点 document.body.appendChild("XX");查看全部
-
弹出层的制作：查看全部
-
-1-：获取页面总高宽度 scrollHeight、scrollWidth 做遮罩层 -2-：追加元素节点 appendChlid 添加样式 -3-：获取offsetHeight、offsetWidth 减去自身高度 给登录框居中 -4-: 删除元素节点 removeClass查看全部
-
document.documentElement.clientHeight 获取当前可视区域的高度 .clientWidth 获取当前可视区域的宽度查看全部
举报
0/150
提交
取消