08 2013 档案

DOM之节点|属性
摘要：1.查询文档的一个或多个元素有如下方法 a. 用指定的id属性；(若一个文档中有两个相同的id，只会选择第一个;在低于IE8的IE中，getElementById()对匹配元素的ID不区分大小写，而且也会返回匹配name属性的元素；） b.基于name属性选取HTML元素；（getElementsByName()定义在HTMLDocument类中，只在HTML文档可用，在XML文档中不可能） c.通过标签名来查询 d.通过快捷属性来访问各种各样的节点；（document.imgs/ document.forms/ document.links/ document.iframes/ do... 阅读全文
posted @ 2013-08-31 17:12 独角xi 阅读(365) 评论(0) 推荐(0)
iframe
摘要：iframe相关技术贴集合 iframe异步加载技术及性能（博客园) iframe实现图片异步上传(iteye) 阅读全文
posted @ 2013-08-31 11:30 独角xi 阅读(237) 评论(0) 推荐(0)
window.open() | close()方法
摘要：Window对象的open()方法可以打开一个新的浏览器窗口（或标签页),window.open()载入指定的URL到新的或已存在的窗口中，返回代表那个窗口的window对象，它有4个可选的参数 1.open()第一个参数是要在新窗口中显示的文档的URL，可为空（为空就是about: blank) 2.open()第二个参数是新打开的窗口的名字，如果指定的是一个已经存在的窗口的名字（并且脚本允... 阅读全文
posted @ 2013-08-31 11:04 独角xi 阅读(918) 评论(0) 推荐(0)
对话框(alert,prompt，confirm,showModalDialog)
摘要：alert大部分浏览器中会产生阻塞，confirm,prompt都会产生阻塞 关于showModalDialog的介绍：（转自JS中showModalDialog 详细使用） 基本介绍： showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog() 方法用来创建一个显示HTML内容的模态... 阅读全文
posted @ 2013-08-30 16:14 独角xi 阅读(524) 评论(0) 推荐(0)
History对象
摘要：window对象的history属性引用的是该窗口的History对象，该对象的属性与方法如下 length: 表示history中的个数,（对象没有Length属性，但这个对象有)IE6是从0开始的，其余的从1开始计数 go(): 在用户的历史记录中前进或后退 ie支持向此方法中传URL参数 go() || go(0) 相当于location.reload forward() : 在用户的... 阅读全文
posted @ 2013-08-30 14:54 独角xi 阅读(528) 评论(0) 推荐(0)
转码与解码
摘要：String对象有3组转码与解码的方法(返回的都是该字符串的一个副本) 转码 解码 escape unescape encodeURI decodeURi encodeURIComponent decodeURIComponent 其中encodeURI与encodeURIComponent的区别在于：（来自51job的javascript encodeURI和encode... 阅读全文
posted @ 2013-08-30 14:03 独角xi 阅读(1094) 评论(0) 推荐(0)
Location对象
摘要：location对象是Obejct的一个实例，包含以下 几个方法和属性 1window对象和Document对象的location属性是引用到Location对象 2.location对象的属性（都会进行转码） 属性 描述 hash 从”#”号开始的url host 主机名和当前url的端口号 hostname 当前url的主机名 href 完整的url pathname 当前... 阅读全文
posted @ 2013-08-30 11:57 独角xi 阅读(270) 评论(0) 推荐(0)
浏览器开发工具的秘密(转）
摘要：浏览器开发工具的秘密——转自涂鸦码农 阅读全文
posted @ 2013-08-30 09:32 独角xi 阅读(141) 评论(0) 推荐(0)
DOM 对象之 document.all
摘要：1.document.all是页面内所有元素的一个集合；2.经测试在chrome,safari,opera,ie中均返回一个HTMLALLCollection[xx]对象，在FF中返回是一个undefined； 返回的这个集合中第一个元素为html,包含所有的元素，第二个为head,第三个是head的子元素，当head中的子元素排列完毕后，才会去排列body中的元素；（从最外层，从头到尾的剥皮，遇到‘富有’的元素，先把它‘榨干’，再继续下一项，直到最底部的元素为止）（chrome v30.0.1599.10; safari v5.17(7534.57.2); opera v16.0.1196. 阅读全文
posted @ 2013-08-30 00:09 独角xi 阅读(430) 评论(0) 推荐(0)
setInterval && setTimeout || 定时器
摘要：来自w3school的解释 定时器setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式... 阅读全文
posted @ 2013-08-29 12:10 独角xi 阅读(257) 评论(0) 推荐(0)
YUI Array 之some(检测|any)
摘要：YUI原码YUI someYArray.some = Lang._isNative(Native.some) ? function (array, fn, thisObj) { return Native.some.call(array, fn, thisObj);} : function (array, fn, thisObj) { for (var i = 0, len = array.length; i < len; ++i) { if (i in array && fn.call(thisObj, array[i], i, array)) { ... 阅读全文
posted @ 2013-08-29 10:11 独角xi 阅读(227) 评论(0) 推荐(0)
YUI Array 之 indexOf(索引值|搜索)
摘要：YUI原码YUI indexOfYArray.indexOf = Lang._isNative(Native.indexOf) ? function (array, value, from) { return Native.indexOf.call(array, value, from);} : function (array, value, from) { // http://es5.github.com/#x15.4.4.14 var len = array.length; from = +from || 0; from = (from > 0 || -1) ... 阅读全文
posted @ 2013-08-28 23:39 独角xi 阅读(214) 评论(0) 推荐(0)
YUI Array 之hash
摘要：hash就是把两个参数合并成一个类似hashMap结构的对象，用第一个数组的元素为key，第二个的为value,如果第二个参数未指定，则把对象的对应的值置为trueYUI原码YUI hashYArray.hash = function (keys, values) { var hash = {}, vlen = (values && values.length) || 0, i, len; for (i = 0, len = keys.length; i i && i in values ? values[i] : true; } ... 阅读全文
posted @ 2013-08-28 22:52 独角xi 阅读(258) 评论(0) 推荐(0)
YUI Array 之each| forEach(遍历）
摘要：1. yui-each原码：遍历YArray.each = YArray.forEach = Lang._isNative(Native.forEach) ? function (array, fn, thisObj) { Native.forEach.call(array || [], fn, thisObj || Y); return Y;} : function (array, fn, thisObj) { for (var i = 0, len = (array && array.length) || 0; i < len; ++i) { if (i i... 阅读全文
posted @ 2013-08-28 22:28 独角xi 阅读(406) 评论(0) 推荐(0)
YUI Array 之dedupe(快速去重)
摘要：YUI.Array.dedupe函数，如果传参为有length属性，返回一个去除掉重复项('1’ 与1 | true 与'true’认为相等)的参数数组副本，如果传参的length为undefined，那么返回一个空数组[],如果传参没length属性，抛出一个类型错误数组去重YArray.dedupe = Lang._isNative(Object.create) ? function (array) { var hash = Object.create(null), results = [], i, item, len; for (i = 0,... 阅读全文
posted @ 2013-08-28 20:07 独角xi 阅读(359) 评论(0) 推荐(0)
Object.create函数
摘要：创建一个具有指定原型且可选择性地包含指定属性的对象。Object.create(prototype, descriptors)参数 prototype必需。 要用作原型的对象。 可为 null。 descriptors可选。 包含一个或多个属性描述符的 JavaScript 对象。数据属性 是可获取和设置值的属性。 数据属性描述符包含一个 value 特性以及 writable、enumerable 和 configurable 特性。 如果未指定最后三个特性，则它们默认为 false。 只要检索或设置该值，访问器属性 就会调用用户提供的函数。 访问器属性描述符包含 set 特性和/或 get 阅读全文
posted @ 2013-08-28 19:44 独角xi 阅读(422) 评论(0) 推荐(0)
YUI之数组操作
摘要：YUI的构建数组，将类数组转换成真正的数组，从而可以使用数组的所有方法数组构建 //真正的数组返回1，类数组返回2，其余的返回0 YArray.test = function (obj) { var result = 0; if (Lang.isArray(obj)) { result = 1; } else if (Lang.isObject(obj)) { try { // indexed, but no tagName (element) or scrollTo/document (window. From D... 阅读全文
posted @ 2013-08-28 18:16 独角xi 阅读(153) 评论(0) 推荐(0)
YUI的UA检测
摘要：YUI.UA是针对javascript的宿主环境检测的一个检测对象，返回的是一系统关于当前宿主的信息1.对象相关信息列表及userAgent检测对象o = { ie: 0, //ie Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E) opera: 0... 阅读全文
posted @ 2013-08-28 14:49 独角xi 阅读(484) 评论(0) 推荐(0)
YUI的类型判断函数
摘要：1.首先定义一个关于类型的对象，及相关变量类型判断对象ar L = Y.Lang || (Y.Lang = {}),STRING_PROTO = String.prototype,TOSTRING = Object.prototype.toString,TYPES = { 'undefined' : 'undefined', 'number' : 'number', 'boolean' : 'boolean', 'string' : 'string', '[o 阅读全文
posted @ 2013-08-28 11:10 独角xi 阅读(214) 评论(0) 推荐(0)
关于"zoom“ 的一点小认识
摘要：最早接触zoom是在清除浮动的时候，原因就是zoom能触发IE的haslayout，当时也没深究其原理，今天，在查看张鑫旭的对overflow与zoom”清除浮动”的一些认识时，其中提到zoom是比例缩放，比较诧异，遂去查找资料（可惜，中文全介绍它是IE私有属性，用于清除浮动，人云亦云，造成就这一个简陋的版本可查询），发现其中大有乾坤，记下测试过程，其中有错误的，望大家指正，也希望大家去研究下这个东西，不能总是说它就能清除个浮动，是IE私有的……一.zoom原本是IE的私有属性，但谷歌，opera,safari也是支持它的（火狐到现在的版本也不支持它），只不过其中有一些差异，容我后面道来（截图 阅读全文
posted @ 2013-08-01 15:28 独角xi 阅读(825) 评论(0) 推荐(0)