随笔分类 -  javascript

JS对table操作的兼容性
摘要:今天写代码的时候发现一些问题,总结下:1.在tbody中插入html的时候FF chrome都没问题,在IE下报错(查资料得到:IE中table tbody tr等的InnerHTML都为只读,td的可以读写。所以报错)2.在向一个节点插入HTML代码时,由于IE不支持insertAdjacentHTML方法。所以做了如下判断if(element.insertAdjacentHTML){ element.insertAdjacentHTML('beforeEnd',html); }else{ ... 阅读全文

posted @ 2013-08-06 16:48 专注前端 阅读(289) 评论(0) 推荐(0)

运动框架必备的运动算法 留着用!
摘要:运动框架准备 阅读全文

posted @ 2013-05-29 12:22 专注前端 阅读(338) 评论(0) 推荐(0)

仿淘宝商品图片放大镜效果(鼠标移动上去会出现放大的图片,并且可以移动)
摘要:*{ margin:0; padding:0; } ul li{ list-style-type:none; } #content{ width:950px; margin:20px; } #magnifier{ width:460px; height:460px; border:1px solid #eee; position:relative; } #ma... 阅读全文

posted @ 2013-05-22 18:41 专注前端 阅读(4071) 评论(0) 推荐(1)

javascript中变量声明提升(Hoisting)
摘要:JavaScript 会提升变量声明。这意味着 var 表达式和 function 声明都将会被提升到当前作用域的顶部。bar();var bar = function() {};var someValue = 42;test();function test(data) { if (false) { goo = 1; } else { var goo = 2; } for(var i = 0; i < 100; i++) { var e = data[i]; }}上面代码在运行之前将会被转化。JavaScript 将会把 ... 阅读全文

posted @ 2013-05-16 15:11 专注前端 阅读(500) 评论(0) 推荐(0)

循环一个节点列表(NodeList)或者数组,并且绑定事件处理函数引发对闭包的理解
摘要:循环一个节点列表(NodeList)或者数组,并且绑定事件处理函数引发对闭包的理解 当然可以使用事件委托来实现,而且性能更好,但是这里纯粹为了理解这个问题。 我在网上查阅了很多资料,有了一点理解,记录下来。如果有不对的地方,各位看客请指正。 代码如下: HTML结构<div id='one'></div> <div id='two'></div> <div id='three'></div> JS处理 var odivs = document.getElementsByTag 阅读全文

posted @ 2013-05-16 14:02 专注前端 阅读(910) 评论(0) 推荐(0)

当前窗口和Iframe之间的相互访问(图片上传成功后立刻显示在当前页面上)
摘要:IE和Firefox对iframe document对象的差异性在IE6、IE7中,我们可以使用document.frames[ID].document来访问iframe子窗口中的document对象,可是这是不符合W3C标准的写法,也是IE下独有的方法,在Firefox下却不可以使用,Firefox下使用的是符合W3C标准的document.getElementById(ID).contentDocument方法,今天我在写实例的时候,通过IE8进行测试,IE8也是使用的符合W3C标准的 document.getElementById(ID).contentDocument 方法。所以我们可 阅读全文

posted @ 2013-05-12 22:25 专注前端 阅读(518) 评论(0) 推荐(0)

网页动态加载图片 通过JS和jquery实现。
摘要:;(function($){ $.fn.extend({ scrollLoad:function(options){ var options = $.extend({ src:'xsrc', //预加载在<img> 中的属性值 如<img xsrc='img.jpg' /> delayTime:300 // 滚动条停止在一个地方超过300毫秒,才开始加载 },options); ... 阅读全文

posted @ 2013-05-11 14:37 专注前端 阅读(1348) 评论(0) 推荐(0)

javascript事件对象修正(处理浏览器间事件对象的差异)
摘要://修正事件对象 处理兼容性 fixEvent:function(e){ var e = e || window.event; if(!e.target){ //IE e.target = e.srcElement; //触发事件的对象 e.layerX = e.offsetX; //鼠标在事件对象上的具体为止,W3C DOM 下,需要设置position:absolute; offsetX不包含对象边框,当边框较大时,应该考虑加上clientLeft 和clientTop e.layerY =... 阅读全文

posted @ 2013-05-09 18:07 专注前端 阅读(165) 评论(0) 推荐(0)

对于JAVASCRIPT中页宽度高度,元素定位与宽度高度,鼠标定位总结
摘要:------------------------------------ 关于页面部分 ----------------------------------------------------------------------------------------整个页面的宽度和高度(包含被滚动条卷入部分)----------------------------------------------------// 命名规则,所有JQ对象变量用$开头 //javascript //宽度高度,包含被被滚动部分。var pageWidth = document.document... 阅读全文

posted @ 2013-05-08 13:09 专注前端 阅读(337) 评论(0) 推荐(0)

导航