![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript基础
文章平均质量分 78
csdn_chenli
爱生活,爱分享。
展开
-
JavaScript基础入门 封装DOM 连缀
JavaScript基础入门 封装DOM 连缀 适合初学者获取元素节点获取ID获取tagName获取Name设置这个只能是设置CSS样式,添加html方法,添加click方法等。封装的base.js//前端调用的对象var $=function(){ return new Base();}functio原创 2016-10-11 16:09:02 · 755 阅读 · 0 评论 -
JS 设置物体居中
对于js初级学习很有帮助。JS实现物体居中,触发发浏览器窗口时物体也居中。这里实现的是一个弹出登录框居中的一个效果。效果图1:点击登录页面,弹出登录窗口效果图2:登录窗口。点击红的X关闭登录框方法1.window.onload=function(){ //所有浏览器都兼容 //alert(doc原创 2016-09-26 14:25:40 · 2523 阅读 · 0 评论 -
js 实现遮罩层锁屏功能
我们需要对弹出的窗口进行强调突出表现,那么需要对周围的元素进行遮罩。并且周围的元素还不可以进行操作,又需要进行锁屏。最后我们需要对重复的代码进行封装。 一 界面设计 效果图一效果图2二 设置效果1.做一个遮罩层 创建一个可以布满整个浏览器的div,将它z-index层结构设置为9998,而login弹窗的div设置为9999,高一层。原创 2016-09-26 17:02:06 · 6007 阅读 · 0 评论 -
js 封装获取class的值、添加class、删除class
在base.js文件的基础上 继续封装js 封装获取class * 1.调整封装 * 2.设置获取innerHTML里面的值 * 3.设置获取CSS样式并且设置 * 4.获取某个元素并设置 * 5.获取某一区域的CSS(这里获取ID的区域)并设置base.js/*前台调用*/var $=func原创 2016-10-12 11:10:26 · 6428 阅读 · 0 评论 -
js实现下拉菜单
js实现下拉菜单效果图 1.主要是鼠标移入和移出事件2.鼠标移入显示下拉菜单3.鼠标移除隐藏菜单*封装hover事件*封装显示事件*封装隐藏事件base.js//伪类事件hover 鼠标移入、移除事件Base.prototype.hover=fun原创 2016-10-12 14:51:18 · 842 阅读 · 0 评论 -
js获取浏览器和屏幕宽高的信息
网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHeight (包括边线的宽)网页正文全文宽:document.body.scrollWidth网页正文全转载 2016-10-12 15:28:49 · 302 阅读 · 0 评论 -
js 实现拖拽
JavaScript基础入门学习,实现移动拖拽。适合新手学习和参考。不足之处希望大神提出你宝贵的意见。一:实现简单的拖拽二:实现浏览器的兼容性。在拖拽的过程中不会超出屏幕,当你拖拽物体放在那里,就是那里。如果放在右下角,缩小屏幕是,物体不会被遮罩。实现效果:一、简单的实现拖拽一 界面设计 二 设计效果 由于我们弹窗的遮罩我们采用了c原创 2016-09-29 13:49:09 · 572 阅读 · 0 评论 -
JS事件封装函数,跨浏览器添加事件和删除事件
JS事件封装函数,跨浏览器添加事件和删除事件一、事件流事件流 描述的是从页面中接受事件的顺序。1.事件冒泡冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发2.事件铺货捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开原创 2016-09-30 15:59:13 · 2413 阅读 · 0 评论