- 博客(19)
- 资源 (118)
- 收藏
- 关注
IE中getElementsByTagName无法获取元素BUG
代码如下:<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title></head&
2010-11-29 16:38:58 365
读Ext之八(原生事件对象的修复及扩充)
Ext库也对浏览器原生的事件对象做了包装,以保证兼容所有浏览器。这里 列举了浏览器原生事件对象各浏览器中兼容性。这里 列出了各种情况下事件对象的获取。在Ext事件管理类 Ext.EventManager 中会悄悄的将浏览器原始事件对象进行转换e = Ext.EventObject.setEvent(e); Ext.EventObject 即为包装后的事件对象(暂称为Ex...
2010-11-27 18:51:12 110
各浏览器中鼠标按键值的差异
我们知道标准鼠标有左,中,右三个键。鼠标按下时如何判断按下的是哪个键呢?W3C DOM-Level-2 定义如下W3C DOM 写道During mouse events caused by the depression or release of a mouse button, button is used to indicate which mouse button changed...
2010-11-27 12:00:06 149
原创 判断元素是否为HTMLElement元素
<br />我们经常使用nodeType==1判断元素是否是一个HMTLElement元素。页面上的元素都是节点(Node),有元素节点(Element Node)、属性节点(Attribute Node)、文本节点(Text Node)等。w3c nodeType的定义如下:<br /> <br />const unsigned short ELEMENT_NODE = 1;<br /> const unsigned short ATTRIBUTE_NODE
2010-11-26 18:05:00 1255
原创 IE中浮动元素折行bug
<br />网页制作中,我们经常需要设置一个元素向左或向右浮动。如下:<br /><div style="width:300px;border:1px solid gray;"> <input type="text" /> <a href="javascript://;" mce_href="javascript://;" style="float:right;" mce_style="float:right;">搜索</a> </div> <br /> <br />d
2010-11-26 18:02:00 609
原创 关于cssText属性
<br />给一个html元素设置css属性,如:<br />var head= document.getElementById("head");head.style.width = "200px";head.style.height = "70px";head.style.display = "block";<br /> <br />这样写太罗嗦了,为了简单些写个工具函数,如:<br />function setStyle(obj,css){ for(var atr in css)
2010-11-26 18:00:00 418
原创 绝对定位元素遮盖其它元素的bug
有时需要用绝对定位元素去遮盖其它元素。多数时候没有什么问题。如果被遮盖的元素添加了鼠标事件(如点击事件),各浏览器下表现则不太一样了。1,绝对定位元素(未设置background)遮住Input元素,只在IE/Opera中,Input的点击事件能触发。如下代码.container{ width:200px; height:100px; border:1px solid red; position:relative;}
2010-11-26 17:58:00 2095
原创 非IE浏览器中js使用中文标识符的bug
<br />今天在一个网站看到了作者使用中文命名。我们知道js中可以使用中文标识符,如变量,类名,参数名,方法名等。<br />如下代码:<br />function 学生(姓名,年龄){//类名:学生,参数:姓名,年龄 this.姓名=姓名; this.年龄=年龄;}学生.prototype.获取姓名=function(){//方法名:获取姓名 return this.姓名;}学生.prototype.设置姓名=function(名字){//方法名:设置姓名 this.姓名
2010-11-26 17:52:00 598
原创 IE css hack汇总
<br />汇总下IE各版本的css hack。<br /> hack示例IE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)**colorYesYesYesYesNoYes++colorYesYesYesYesNoYes--colorYesYesNoNoNoNo__colorYesYesNoYesNoYes##colorYesYesYesYesNoYes/0color/0NoNoNoNoYesNo/9color/9YesYesYesYesYesYes!importantcolor:bl
2010-11-26 17:46:00 414
读Ext之七(多任务定时管理)
Ext.util.TaskRunner 用来管理多任务定时管理。每一个任务是一个JS对象,具有以下属性run, interval, args, scope, duration, repeat。示例如下:var task = { run : function(){...}, interval : 1000, args : [], scope : obj, durati...
2010-11-25 17:24:23 163
读Ext之六(延迟任务的执行)
Ext.util.DelayedTask类从名字上就可以看出它是延迟任务的执行。即指定时间之后执行任务。整个类如下:Ext.util.DelayedTask = function(fn, scope, args){ var me = this, id, call = function(){ clearInterval(id); ...
2010-11-24 17:36:59 196
原创 读jq之一(jq对象的组成)
以下是jquery 1.3.2 代码片段...jQuery = window.jQuery = window.$ = function( selector, context ) { return new jQuery.fn.init( selector, context );};jQuery.fn=jQuery.prototype={ init:function(){...}, ...}jQuery.fn.init.prototype = jQuery.fn
2010-11-18 09:02:00 892 1
原创 children和childNodes差异
<br /><br />1,childNodes 属性,标准的,它返回指定元素的子元素集合,包括html节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。<br /> <br />有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的支持情况:<br />IE6/7/8Firefox3.5Safari4Chrome4Opera10childNodes(i)支持不支持支持支持支持<br
2010-11-18 08:59:00 748
原创 设置html元素的透明度
<br /><br />w3c标准属性是opacity,firefox支持,但IE却不支持该属性。<br /> <br />在FF3.5++,safari4,opera10,chrome4中测试都支持opacity。如设置div的透明度为40%:<br /><!DOCTYPE HTML"><html> <head> <title>set div opacity</title> <mce:style><!-- .wrapper { border:solid 1
2010-11-18 08:58:00 1681
Javascript中同名标识符优先级
一,局部变量先使用后声明,不影响外部同名变量var x = 1; // --> 外部变量xfunction fn(){ alert(x); // --> undefined 局部变量x先使用 var x = 2; // 后声明且赋值}fn();alert(x); // --> 1第一点,函数fn内第一句输出x,x是在第二句才定义的。这在js中...
2010-11-16 12:59:57 174
读Ext之五(Dom的低级封装)
上篇看了ext-base-event.js(Ext.lib.Event),这篇看ext-base-dom.js(Ext.lib.Dom)。后续EventManager.js(Ext.EventManager)其中会用到该篇的Ext.lib.Dom。整体浏览ext-base-dom.js可以看到还是一个匿名函数执行,与上一篇不同的是这次并非返回包装好的对象pub,而是直接将对象赋值给Ext.li...
2010-11-14 12:08:33 93
读Ext之四(事件的低级封装)
十一前读了Ext core的Ext.js,这篇开始读ext-base-event.js。该文件定义了Ext.lib.Event对象,Ext.lib这个命名空间在Ext core的Ext.js中命名的。Ext.ns("Ext.util", "Ext.lib", "Ext.data"); Ext.lib上的属性如下:Ext.lib.AjaxExt.lib.AnimExt.lib...
2010-11-11 17:10:57 112
Element下querySelector和querySelectorAll的错误实现
querySelector和querySelectorAll是W3C提供的 新的查询接口module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList q...
2010-11-08 14:05:40 687
只有Firefox不支持insertAdjacentHTML和insertAdjacentText
这两个属性首先是IE4提出且实现的,它可以实现在一个 DOM 元素的前面、后面、第一个子元素前面、最后一个子元素后面四个位置,插入指定的 HTML 代码。其它浏览器相继支持。唯有Firefox不支持。insertAdjacentHTML已被HTML5采纳。如下扩展HTMLElement.prototype,为其增加这两个属性:if(HTMLElement.prototype.inser...
2010-11-02 15:48:50 99
ECMAScript 6入门(样章)
2014-09-23
Rework:每个程序员都应该读的一本书
2014-04-11
Mastering Web Application Development with AngularJS
2013-11-13
结构程序设计
2013-11-05
JavaScript异步编程:设计快速响应的网络应用
2013-06-06
JavaScript面向对象编程指南
2013-04-25
编写可维护的JavaScript
2013-04-25
UNIX编程艺术
2012-08-18
基于MVC的JavaScript Web富应用开发
2012-05-21
Essential JavaScript Design Patterns
2012-04-10
Getting Started with GEO.CouchDB and Node.js
2012-03-07
JavaScript Web Application
2012-02-26
JavaScript Patterns (JavaScript模式)
2011-12-30
HTML5 and CSS3: Develop with Tomorrow's Standards Today
2011-12-08
重构-改善既有代码的设计
2011-01-25
HTML5揭秘 英文版
2011-01-12
HTML 5用户指南 英文版
2011-01-12
jQuery 1.4.2 直观速查表
2010-09-10
HttpWatch.Professional.v5.2.16
2010-09-02
httpwatchpro-v4.0.54
2010-09-02
High.Performance.JavaScript
2010-05-13
JavaScript语言精粹
2010-04-26
Javascript语言精髓与编程实践
2010-04-19
我也能做CTO之程序员职业规划
2010-04-19
EMCA262 V5
2010-04-02
周爱民Qomo框架源码
2009-12-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人