leo列

obj.href 与 obj.getAttribute("href")的区别

摘要： HTML代码如下：<a href="#2">2</a>分别用2种方法取得<a>标签的href属性，方法一：alert(this.href);方法二：alert(this.getAttribute("href"));咋一看这两种方法是一样的，但是通过浏览器弹出的结果确是不一样的方法一弹出的结果为：file:///D:/workfile/insume/case.html#2 //绝对路径方法二弹出的结果为:#2 //相对路径阅读全文

posted @ 2012-11-16 14:41 leo列阅读(868) 评论(0) 推荐(0) 编辑

scrollWidth ,scrollHeight , clientWidth, clientHeight

摘要：页面代码是这样的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; char 阅读全文

posted @ 2012-11-08 16:50 leo列阅读(321) 评论(0) 推荐(0) 编辑

兼容的firstChild,lastChild,nextSibling,previousSibling写法

摘要：在IE下是支持firstChild,lastChild,nextSibling,previousSibling但是在FF下，由于它会把标签之间的空格当成文本节点，所以为了准确地找到相应的元素，会用firstElementChild,lastElementChild,nextElementSibling,previousElementSibling兼容的写法是这样的var oFirst = oParent.firstElementChild||oParent.firstChild 也可以这么写 var oFirst = oParent.children[0]; var oLast = oPare 阅读全文

posted @ 2012-11-07 16:49 leo列阅读(2843) 评论(1) 推荐(0) 编辑

DOM的childNodes兼容的问题

摘要：因为FF下，会把标签之间的空格也算进去，所以很多时候，oParent.childNodes.length在FF和IE下是不同的，为了排除这种影响可以和nodeType结合起来用当nodeType=1时是元素节点当nodeType=2时是属性节点当nodeType=3时是文本节点那么可以结合nodeType得到父元素的子节点，具体函数代码如下：function getChildren(oParent){ var aResult = []; var aChild = oParent.childNodes; for(var i=0;i<aChild.length;i++) ... 阅读全文

posted @ 2012-11-07 16:33 leo列阅读(960) 评论(0) 推荐(0) 编辑

兼容的用class来选取元素和设置元素

摘要：一，选取元素function getByClass(oParent,sClass){ var aResult = []; var aEle = oParent.getElementsByTagName("*"); for(var i=0;i<aEle.length;i++) { if(aEle[i].className==sClass) { aResult.push(aEle[i]); } } return a... 阅读全文

posted @ 2012-11-07 16:01 leo列阅读(137) 评论(0) 推荐(0) 编辑

setTimeout和setInterval计时器的参数问题

摘要：要实现倒计时的问题，用setTimeout和setInterval都可以实现，用setInterval函数一般会这样写：var count = 100;function a(count){ count--;}setInterval(a,1000,count);用setTimeout会这样写:var count = 100;function a(count){ count--; setTimeout(a,1000,count);}乍一看，好像这两个函数效果是一样的，都是1秒钟执行一次，但是实际上的运行结果是有不同的，第一种写法，count运行后始终为99，因为... 阅读全文

posted @ 2012-11-06 15:32 leo列阅读(383) 评论(0) 推荐(0) 编辑

关于IE6遮罩层的问题

摘要： <div class="mark"></div>这是一个遮罩层，在很多情况下需要用到遮罩层，如放大镜啊，弹出框啊等等。这些效果需要遮罩层透明，理所当然地会这样写样式.mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:#fff; opacity:0.3; filter:alpha(opacity=30); }这样写有一个弊端，ie6下不兼容，那这样写呢？.mark {width:100%; height:100%; pos 阅读全文

posted @ 2012-11-05 16:29 leo列阅读(1854) 评论(0) 推荐(0) 编辑

创建元素与插入元素顺序不同产生的性能上的不同

摘要：页面代码如下：<ul id="ul1"> <li>abc</li></ul>分别用如下js代码创建元素，并给创建的元素赋予文本，有两种写法写法一：window.onload=function(){ var oUl = document.getElementById("ul1"); var oLi = document.createElement("li"); oLi.innerHTML="abc"; oUl.appendChild(oLi);};写法二:window. 阅读全文

posted @ 2012-11-01 16:58 leo列阅读(160) 评论(0) 推荐(0) 编辑

关于菜单的制作

摘要：关于这样的菜单制作，如图关于HTML/CSS部分的运用到了css精灵技术，几个注意点，左右部分分别用一个标签，然后用绝对定位分别控制，中间部分相对定位平铺菜单选择项这里，用两个标签来控制，外面的标签背景是右边红色框框部分，里面标签是左边红色框框部分。二。关于javascript原理菜单选项有2种状态“normal”，“active” 隐藏项有2种状态"dispaly:none","display:none" 分别定义两个数组，分别存放菜单选项（“首页”，“关于我们”。。。）和隐藏项（鼠标划过菜单选项弹出的部分），还要定义一个计时变量timer，遍历阅读全文

posted @ 2012-10-27 13:53 leo列阅读(318) 评论(0) 推荐(0) 编辑

return false的妙用

摘要：分别讨论return false 在原生javascript 以及 jquery 以及在VQuery中如何写出即阻止默认事件也阻止冒泡的return false;先看原生JS 以下是代码window.onload=function(){ var aDiv = document.getElementsByTagName("div"); for(var i=0;i<aDiv.length;i++) { aDiv[i].onclick=function() { alert(this.style.backgroundColor)... 阅读全文

posted @ 2012-10-19 15:24 leo列阅读(163) 评论(0) 推荐(0) 编辑

导航

公告