08 2013 档案
摘要：不同浏览器中js兼容问题大全1.document.formName.item('itemName')问题说明：1 //IE下（两种）2 document.formName.item("itemName");3 document.formName.elements ["elementName"];4 //Firefox下5 document.formName.elements["elementName"];6 //解决方法：7 document.formName.elements["elementName&qu
阅读全文
摘要：1、英文撑破表格的问题 给所有表格添加样式1 td {2 word-break:break-all;3 word-wrap:break-word;4 }2、xp sp2中IE提示信息栏的问题 把在IE----INTERNET选项---高级里面的 “允许活动内容在我计算机上的文件运行”选中3、图片和文字在同一行垂直居中的问题 给图片加样式vertical-align:middle 具体例子如：1 4、让文本框不显示历史记录 给input加属性 autocomplete="off" 如：1
阅读全文
摘要：该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果该标签是个容器标签语法：以下是一个最简单的例子：1 Hello, World下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动代码如下:1 onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseO
阅读全文
摘要：选择器： 实例： 选取：* $("*") 所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 元素.class.class $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素 :first $("p:first&q
阅读全文
摘要：由于span是行内元素，不可能有高度和宽度的，在span标签里添加内容，可以撑出来宽高，想要定义宽高必须转话成块级元素。span{ display:block;}或者使用span{ display:inline-block; //行内块元素，这样不会占全行而且也有完整的盒子模型（垂直方向上的padding和maring）。}
阅读全文
摘要：有时候需要查询纯文本形式的元素内容，或者在文档中插入纯文本。标准的方法是用Node的textContent属性来实现：1 var para = document.getElementsByTagName('p')[0];2 var text = para.textContent; 3 para.textContent = 'Hello World!';textContent属性在除了IE的所有当前的浏览器中都支持。在IE中可以使用Element的innerText属性来代替。 1 /* 2 一个参数，返回元素的textContent或innerText 3 两个
阅读全文
摘要：1.数组的一些方法： 1 迭代方法：every():对数组中的每一项运行给定函数，每一项返回true，则返回truesome():对数组中的每一项给定运行函数，对任一项返回true，则返回truefilter():对数组中的每一项给定运行函数，返回该函数会返回true的项构成的数组map():对数组...
阅读全文
摘要：event事件兼容： 1 //IE event 2 oDiv.style.left=event.clientX+'px'; 3 oDiv.style.top=event.clientY+'px';* 4 5 //FF 事件处理的参数 6 oDiv.style.left=ev.clientX+'px'; 7 oDiv.style.top=ev.clientY+'px'; 8 9 /*if(ev){10 oDiv.style.left=ev.clientX+'px';11 oDiv.style.top=...
阅读全文
摘要：兼容各主流浏览器的事件绑定（在同一个事件上添加多个处理函数）。1.绑定方法：1 //IE attachEvent(事件名, 函数)2 oBtn.attachEvent('onclick', aaa);3 oBtn.attachEvent('onclick', bbb);4 5 //FF add...
阅读全文
摘要：用DOM相关方法创建的留言板 1 2 3 10 11 无标题文档12 48 49 50 姓名：51 内容：52 53 54 55 56
阅读全文
摘要：文档碎片可以他高DOM操作性能（主要针对插入：一次性插入大量元素） 1 2 3 4 无标题文档 5 21 22 23 24 25 26 27
阅读全文
摘要：1 2 3 4 无标题文档 5 32 33 34 35 36 37 38 39 40 Document类型定义了创建Element和Text对象的方法，Node类型定义了在节点树中插入、删除和替换的方法。1 // 从指定的URL，异步加载和执行脚本2 function loadasync(url){3 var head = document.getElementsByTagName('head')[0]; //查找文档的标签4 var s = document.createElement('script'); //创建一个元素5 s.src = url; //.
阅读全文
摘要：无标题文档 111隐藏 222隐藏 333隐藏 444隐藏同理children返回子节点。1 for(i=0;i<oUl.children.length;i++)2 {3 oUl.children[i].style.background='red';4 }nodeType：该节点的类型nodeValue：Text节点或Comment节点的文本内容（这两节点没有children属性）nodeName：元素的标签名，以大写形式表示
阅读全文
摘要：1 2 3 4 5 11 12 13 14 11115 22216 33317 44418 19 20
阅读全文
摘要：在下面的例子中，为什么点击所有的段落p输出都是5，而不是alert出对应的0，1，2，3，4。 1 2 3 4 闭包演示 5 8 18 19 20 00021 11122 22223 33324 44425 26 原因是初学者并未理解JavaScript的闭包特性。通过element.onclick=function(){alert(i);}方式给元素添加 点击事件。响应函数function(){alert(i);}中的 i 并非每次循环时对应的 i（如0，1，2，3，4）而是循环后最后 i 的值5。 或者说循环时响应函数内并未能保存对应的值 i，而是最后一次i++的值5。方法1：将...
阅读全文
摘要：moveTo()方法格式：window.moveTo(x,y);功能：将窗口移动到指定坐标(x,y)处;resizeTo()方法格式：window.resizeTo(x,y);功能：将当前窗口改变成(x,y)大小，x、y分别为宽度和高度;resizeBy()方法格式：window.resizeBy(x,y);功能：将当前窗口改变到指定的大小(x,y),当x、y的值大于0时为扩大，小于0时为缩小。实现过程： 1 27 打开明日美食留言薄
阅读全文
