为了账号安全,请及时绑定邮箱和手机立即绑定

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • position:fixed; z-index:1001; filter: alpha(opacity=50); 1.页面的宽度和高度:document.body.scrollWidth document.body.scrollHeight 2.可视区域的高度:document.documentElement.clientHeight 3.元素的高度和宽度:Object.offsetHeight Object.offsetWidth 4.创建元素:document.createElement() 5.添加元素:document.body.appendChild() 6.删除元素:document.body.removeChild() 7.不要忘记单位"px",left:width/2+"px",top:height/2+"px"。
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 123456
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2016-06-15

  • 弹出层
    查看全部
    0 采集 收起 来源:效果简介

    2016-06-13

  • document.createElement('div')
    查看全部
    0 采集 收起 来源:编程挑战

    2016-06-11

  • 1、obj.offsetHeight可以获取写在样式文件里的属性值,而obj.style.height只能获取行内属性,在表现与结构分离的今天,这显然是不合适的 2、obj.offsetHeight返回的是一个数值,而obj.style.height返回的是一个字符串,单位是“px” 3、obj.offsetHeight是只读,而obj.style.height是可读写 4、如果没有为元素设置高度,obj.offsetHeight会根据内容获取高度值,而obj.style.height会返回undefind
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-06-11

  • clintHeight 可视高度 scrollHeight:页面高度
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-06-11

  • 1、弹出层效果 要创建一个弹出层,可以现在CSS样式表里把这个弹出层的#id和样式设好, 然后在JS里创建这个弹出层 2、要实现点击登陆框以外的区域也可以关闭登陆框 可以设一个可视区大小的遮罩层oMask,opacity设为0 oMask.onclick=oClose.onclick=function(){ }
    查看全部
    0 采集 收起 来源:编程练习

    2016-06-10

  • document.documenElement.scrollHeight;获取整个页面的高度。 document.documenElement.scrollWidth; 获取整个页面的宽度。 document.documenElement.clientHeight; 获取页面可视区域的高度。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-10

  • document.body.appendChild(); 在body底部追加创建的节点。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-10

  • document.documenElement.scrollHeight;获取页面的高度。 document.documenElement.scrollWidth; 获取页面的宽度 document.documenElement.clientHeight; 获取页面可视区域的高度。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-10

  • document.getElementsByTagName(“div”)查找一个标签名为div的节点。 document.getElementById(“#div”)查找一个ID为div的节点。 document.createElement(“div”)创建一个标签名为div的节点。
    查看全部
    0 采集 收起 来源:练习题

    2016-06-10

  • 删除页面里边body的子节点 事件串起来的写法:oMask.onclick=oClose.onclick=function(){ } document.body.removeChild(oMask);//删除文档内部body下面的子节点oMask 也就是说,只有当oMask是body的子节点时,这样删才有用;如果是其他部分的操作,需要先找到它的父节点,然后再进行操作 文档宽高 scrollHeight、scrollWidth 可视宽高 clientHeight、clientWidth 元素宽高 offsetHeight、offsetWidth 1、事件处理:当事件发生(如onclick)后,对这个事件进行的反馈、程序、执行函数等都叫做事件处理。 2、事件串起来的写法:oMask.onclick=oClose.onclick=function(){ } 3、删除页面里边body的节点oMask: document.body.removeChild(oMask);//删除文档内部body下面的子节点oMask 也就是说,只有当oMask是body的子节点时,这样删才有用;如果是其他部分的操作,需要先找到它的父节点,然后再进行操作
    查看全部
    0 采集 收起 来源:实现动态效果

    2016-06-09

  • 页面高度 document.documentElement.scrollHeight; 页面宽度 document.documentElement.scrollWidth; 可视区域高度/宽度 document.documentElement.clientHeight/clientWidth; 获取元素高度/宽度 ele.offsetHeight;/ele.offsetWidth; document.documentElement.clientHeight获取可视区域的高度; 如果页面是竖向的页面,那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的; document.body.appendChild();为body插入一个元素; .offsetHeight元素的高度 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 采集 收起 来源:JS实现登录框

    2018-03-22

  • 获取可视区域的宽高 document.documentElement.clientHeight获取可视区域的高度; document.documentElement.clientWidth获取可视区域的宽度; 注:如果页面是竖向的页面,那么可视区域的宽度(clientWidth)和页面宽度(scrollWidth)是一样的; 1.可视区域的宽高: document.documentElement.clientHight, document.documentElement.clientWidth. 2.获取元素的高度和宽度,需先将该元素插入到DOM。如果没有这一步操作,那么该元素只存在JavaScript中,对于DOM而言是不可见的。 ele.offsetHeight;ele.offsetWidth
    查看全部
    0 采集 收起 来源:JS实现登录框

    2016-06-09

  • window.onload的意义是文档页面加载完获取节点,有些节点在文档没加载完获取不到,会出现报错 var sHeight=document.documentElement.scrollHeight;获取页面高度 var sWidth=document.documentElement.scrollWidth;获取页面宽度 var oMask=document.createElement("div");创建节点 document.body.appendChild(oMask);在页面上追加节点(显示) window.onload=function(){ var oBtn=document.getElementById("btnLogin"); //获取变量 //获取页面的高度和宽度 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(oMask); }
    查看全部
    0 采集 收起 来源:JS实现遮罩层

    2018-03-22

举报

0/150
提交
取消
课程须知
1.您至少具备HTML+CSS样式基础知识;2.您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1.学会DOM操作创建、插入和删除结点元素。2.学会position、fixed属性固定元素位置3.学会使用z-index改变元素的层级

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!