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

弹出层效果

难度初级
时长25分
学习人数
综合评分9.60
176人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
高度为什么不设为100%呢
document.documenElement.scrollHeight写错了吧?documentElement
本课程适合学生党练习JavaScript,学习JS原生的用法,是一个不错的课程。
但是不适合现实项目的使用,现实项目中肯定不会这么去做。

已采纳回答 / 戈饭
现实项目中反而是JS生成更多。因为弹出层并不是页面的结构,你可以看成是一个组件,一种功能。不可能在一个项目中成百上千的页面都加入弹出层这段html结构代码,而且这些弹出层其实都是差不多的。现实项目中都是JS生成的弹出层,这样改动下一个JS弹出层模块就可以改动成百上千页面的弹出层。而弹出层里的信息可以用json啊javascript 对象之类的来传递。
获取login的高度和宽度为什么是offsetHeight,而不是oLogin.style.height呢?
id和class分工是什么样的呢?
id和class都可以设置样式,为什么不把所有的样式通过id来设置呢?为什么有些通过class来设置呢?
为啥不用jQuery实现呢?原生的代码感觉很难读而且不容易记住。
注意“//点击登陆框以外的区域也可以关闭登陆框”这一句话的实现
由于将关闭事件附加到了body上面,而关闭按钮节点是body的子节点。
这里面涉及到了事件的冒泡,要在打开登陆框的事件里阻止事件的冒泡,否则刚刚打开的登陆框会被立即关闭。
左右居中其实left:50%;margin-left:-335px;就可以了
很不错一个教程!值得学习
不加relative的话那个叉叉图片直接跑到浏览器最右顶角上去了
课程须知
1.您至少具备HTML+CSS样式基础知识;2.您至少具备JavaScript基础知识。
老师告诉你能学到什么?
1.学会DOM操作创建、插入和删除结点元素。2.学会position、fixed属性固定元素位置3.学会使用z-index改变元素的层级

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消