上一篇我们讲了使用伪元素来实现遮罩层，虽然很方便，但是也有一些缺点，比如：z-index需要设置好，由于伪元素是login里面的，所以哪怕伪元素的z-index：-999；也不可能穿透login元素，这样的话，form元素就要设置一下背景色了。无法为伪元素添加点击事件为此我们还可以单独创建一个遮罩层元素，这个元素一般在login元素的上面并且为同级元素，我们可以利用js创建或者先创建好再设置css，我这里选择js创建，虽然麻烦一点，但是显得有技术啊！233...效果图：css部分：.login_Masked { position: absolute; top: 0; ...
前言：由于DOM2不支持load()从外部加载xml文件，所以只能做loadXML()的兼容方法，有点可惜！创建兼容的loadXML()：function createXMLDom(value){ var xmlDom = null; if(typeof window.DOMParser != 'undefined') { xmlDom = (new DOMParser()).parseFromString(value,'text/xml'); //alert((new XMLSerializer()...
主题开启预加载可以加快访问速度，但是在一些程度上还是有一些取舍，比如js中的window.onload事件，就会只运行一次，当你进入到下一个页面的收，window.onload里面执行的内容就完全停止了，甚至可以说没有了，有点像是，你吃着吃着突然就换了一个肚子，这样虽然吃的也多，但是不一样了啊，和原来的对不上了，所以我们还是要针对这种情况，让js代码再次运行，这就相当于换了个肚子，还要接上才能用。询问了下泽泽，他说《Yodu》的预加载在footer.php中，在if (isInitialLoad === false) {}中，具体如下图：我们可以看到在这个里面其实有很多if的判断语句，这...
都是辛酸泪，这几天学这个头大，不过好在我搞定了，并且还不会冲突，兼容ie9以上，相当奈斯！2018-10-5 重新做了兼容，虽然没什么卵用，美名其曰优化代码！效果图：原理就是通过修改class的名字来达到隐藏和显示的效果，并且修复了原来动效不能显示的bug。代码部分（css部分我就不提供了）：[hide]//兼容添加事件 function addEvent(obj,type,fn) { if(obj.addEventListener) { obj.addEventListener(type,fn,false); }else if(obj.attachEve...
如果要通过js去创建表格元素并添加一定的内容，可以说会让人头疼死，因为你每个元素和内容都需要一个个的去创建去插入，估计写十行表格的代码就可以让你崩溃，每个tr，td都需要documen.createElement('')来创建，还有caption、thead、tbody、tfoot还有内容，于是乎便有了专门应对表格的一些属性和方法，我们一一来介绍下！首先我们要先知道一点：table、th、tbody这三个是没有可以直接创建的对应属性和方法，只能通过documen.createElement('')来创建，不过好在这三个元素重复率不是很多。table对应的属性和方法：属性或方法说明capt...
由于每次使用innerHTML都会创建一个浏览器级别的解析器，但是要是使用innerHTML的量大的话，往往会浪费很多资源，特别是在重复传入数据的时候，所以我们可以先使用一个变量来保存这些数据，最后一口气直接传入，这样只使用了一个解析器，省资源又省心。html部分：\<ul id="box"> </ul>\ //博客直接写ul会空白，被解析到了，所以我在前后加了斜杠，这个斜杠不要管它 这是一个空的ul元素，我们给他传入十个li元素；一般写法：var box = document.getElementById('box...
由于document中并没有insertAfter()这个功能，只有insertBefore()在当前元素节点的前面添加新的内容，在后面添加是没有的，但是我们可以自己做一个有这个功能得函数。首先有几点前提条件：该元素节点后面有其他同级得节点如果没有同级得节点他应该就是最后一个节点由于我们写html时会有换行得操作，导致产生了空白节点，所以我们还需要移除这个空白节点才能正常操作。我们先写一个简单得html代码：<body> /*这是该元素为最后一个节点*/ <div id="box"> <p>1</p> <...
location.serach获取到链接地址中?后包括?的内容!此时，假设我们的地址是:https://www.mulingyuer.com/测试/?id=5&search=ok通过location.serach可以获得?id=5&search=ok这部分内容，如果我要分别拿到里面对应的内容，就需要使用字符操作了。首先，?问好是第一个要被排除的对象，我们可以利用slice、substring、substr三个区域选择符进行操作。slice，好处是负数是通过总字符数+负数得到需要的区域！substring,好处是：当只有一个负数的时候，不裁剪区域，全出输出，当其中一个数为负数的时候，默认识...
首先我们需要创建一个构建函数，并为它添加一个实例属性（实例就是被运行的函数）。function Box() {}; var box1 = new Box(); box1.name = 'mu'; 每个函数都会有一个原型，原型里的数据是共享的，多个变量box1运行同一个函数Box(),这个Box()函数原型中的数据是共有的，并且引用地址相同。加上就近原则，当实例属性中有对应的属性，会优先调用实例属性，如果没有，就会去原型中查找。那么我们要去判断这个属性是实例中的属性还是原型中的属性，有两个判断语法：hasOwnProperty() / inhasOwnProperty(...
最近评论