wkylin - 博客园

2011年10月12日

对象检测(objectdetection)----检测浏览器对JavaScript的支持程度

摘要：对象检测，是为了让脚本有良好的向后兼容性。对象检测的方式为：测试某个特定的对象或对象的属性是否存在,如果存在，就执行Javascript的一个分支，否则就执行另一个分支。解决方案：只要把某个方法打包在一个if语句里，就可以根据这条if语句的条件表达式的求值结果是true(这个方法存在）还是false（这个方法不存在）来决定应采取怎样的行动。这样就可以把不支持某个特定DOM方法的浏览器检测出来： if(method){ statements}注意：在使用对象检测时，一定要删掉方法名后面的圆括号，如果不删除，测试的将是方法的结果，无论方法是否存在。function myFn(){ if... 阅读全文

posted @ 2011-10-12 00:14 wkylin 阅读(411) 评论(0) 推荐(1)

2011年10月11日

currentTarget与target

摘要： currentTarget和target都是 2 级 DOM 事件标准定义的属性.currentTarget:返回其事件监听器触发该事件的元素，是事件传播过程中经过的节点对象，它可能与target属性相同（目标阶段），也可能是target属性对应节点的祖先节点（捕获附页或冒泡阶段）。target:返回触发此事件的元素（事件的目标节点），是直接触发事件的节点对象，是整个事件流的最底层的节点。以下htm代码可以复制保存运行后可以帮助更好的理解：请留意27-38行handler函数 1 <!DOCTYPE html> 2 <html> 3 <head> 4 < 阅读全文

posted @ 2011-10-11 22:00 wkylin 阅读(458) 评论(0) 推荐(1)

重新整理javascript的domReady函数(更新至IE9)（转）

摘要：重新整理javascript的domReady函数(更新至IE9)http://www.joy-studio.com/frontend-develop/rewrite-javascript-domready-function.html实践之：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>domReady</h1> <div 阅读全文

posted @ 2011-10-11 21:33 wkylin 阅读(343) 评论(0) 推荐(0)

javascript基础

摘要：参考资料，google之，对他们表现感谢！JQuery DOM加载与事件执行http://www.nowamagic.net/librarys/posts/jquery/71解析JavaScript的事件机制http://www.nowamagic.net/javascript/js_EventAnalysis.phpjavascript事件处理机制——容易被我们遗忘的细节问题http://www.iteye.com/topic/299320Javascript在页面加载时的执行顺序http://dancewithnet.com/2007/03/22/order-of-execution-of 阅读全文

posted @ 2011-10-11 21:28 wkylin 阅读(301) 评论(0) 推荐(0)

stopEvent 冒泡与捕获及阻止默认动作

摘要： The difference between 'return false;' and 'e.preventDefault();'参考：http://css-tricks.com/6809-return-false-and-prevent-default/cabcelable属性表示事件是否可取消，只有此属性为true时，事件对象的preventDefault方法才会起到阻止事件默认行为的作用。封装函数：function stopEvent(event){ var e = (event) ? event : window.event; if (e.stopProp 阅读全文

posted @ 2011-10-11 14:28 wkylin 阅读(378) 评论(0) 推荐(0)

2011年10月9日

事件监听addEventListener----attachEvent

摘要：第一：简单的通用方法（IE && FF）window.onload = function(){ var oDiv = document.getElementById("J_myDiv"); //找到对象 oDiv.onclick = function(){ //设置事件监听函数 alert("click"); }}缺点：1.添加单一事件 2.不能删除事件第二：IE中监听函数var oDiv;function fnClick(){ alert("click me"); oDiv.detach... 阅读全文

posted @ 2011-10-09 00:03 wkylin 阅读(8242) 评论(0) 推荐(0)

2011年10月8日

事件对象---Event

摘要： IE浏览器中事件对象是window对象的一个属性eventoP.onclick=function(){ var oEvent = window.event;}DOM中规定event对象必须作为唯一的参数传给事件处理函数oP.onclick = function(OEvent){ //.....}因此为了兼容，通常采用下面的方法：oP.onclick = function(oEvent){ if(window.event){ oEvent = window.event; } //.......} 阅读全文

posted @ 2011-10-08 23:08 wkylin 阅读(527) 评论(2) 推荐(2)

2011年9月30日

Object className

摘要：得到一个元素的class属性：element.className设置一个元素的class属性：element.className = value给某个元素追加新的class，封装addClass函数：function addClass(element,value){ if(!element.className){ element.className = value; } else{ newClassName = element.className; newClassName += ""; element.className = newClass... 阅读全文

posted @ 2011-09-30 17:33 wkylin 阅读(330) 评论(0) 推荐(0)

document.body.localName 与 document.body.tagName

摘要： document.body.localName 与 document.body.tagName 区别：body 与BODY 阅读全文

posted @ 2011-09-30 17:14 wkylin 阅读(336) 评论(0) 推荐(0)

Dom 结点创建【基础知识】

摘要：节点操作基础知识回顾：var body = document.body;var html = document.documentElement;var div = document.createElement("div");var p = document.createElement("p");var ali = document.createTextNode("alipay");p.appendChild(ali);div.appendChild(p);div.setAttribute("id","fn 阅读全文

posted @ 2011-09-30 16:44 wkylin 阅读(370) 评论(1) 推荐(2)

{ wkylin }

追随互联网发展的脚步！关注前端技术！

公告