司徒正美 - 博客园

在IE6~8下创建HTML5新标签

摘要：虽然document.createElement能创建HTML5的新标签，但动态创建尤其是元素时，还是用innerHTML比较适合。不过IE的innerHTML存在大量的问题，style,link ,script就需要特殊方法去生成。这种方法又将用于我们HTML5的新元素的创建！见下面例子： <!doctype html><html> <head> <title>动态创建HTML5元素 by 司徒正美</title> <script> var div = document.createElement("div&q 阅读全文

posted @ 2011-02-25 23:43 司徒正美阅读(3536) 评论(8) 推荐(3) 编辑

枚举字符串字面量时的发现

摘要：比较一下IE与其他浏览器，IE死活没有反应，IE8修复了字符串字面量的数组索引取值bug，即"1234"[0]，但也无法枚举其字符。Franky说IE8字符串字面量的索引器没有实现到 String Object上的，因为 for in 的时候是去试图反射 new String('str') 也就是其包装对象阅读全文

posted @ 2011-02-17 10:55 司徒正美阅读(1189) 评论(0) 推荐(0) 编辑

浏览器对width与height的最大值限制

摘要：在IE8与opera10-中，数字一旦大于1342177.27,都将自动被变成1342177.27这个数，其他见下面的注释部分。 <!DOCTYPE HTML><html> <head> <title>浏览器对width与height的最大值限制 by 司徒正美</title> <meta charset="utf-8" /> <style> #test { background: #cba; } </style> <script> var zooms = [ ["256px","25 阅读全文

posted @ 2011-02-16 15:33 司徒正美阅读(3662) 评论(5) 推荐(2) 编辑

DOM系统中的各种队列

摘要： domReay，在DOM树建完之前，所有添加的回调存到一个列队中，待到DOM树建完，依次执行它们，以后来一个执行一个。onload（使用多投事件）, 在页面资源加载完之前，所有添加的回调存到一个列队中，待到资源加载完毕，依次执行它们。由于每个页面只有一次onload，因此页面加载完后的再添加的回调不会再执行。普通的事件，如onclick（使用多投事件），每次都会把列队中的事件执行一遍。ajax回调，由于AJAX都是生成一个新的XMLHttpRequest对象，因此之前这个对象绑定了多少个回调，就执行多少个，然后销毁。注意，每个事件的执行都不会影响下一个。阅读全文

posted @ 2011-02-16 11:34 司徒正美阅读(1436) 评论(0) 推荐(1) 编辑

纯CSS后台框架

摘要：实质就是一个切换卡，关键是如何让鼠标从按钮移到面板上时，面板不会消失。用到div:hover与CSS3圆角。 <div class="main_console"> <div class="main_column"> <div class="column_title">AAAAA</div> <div class="main_panel_wraper"> <div class="main_panel">AAAA的面板</ 阅读全文

posted @ 2011-02-15 21:16 司徒正美阅读(3161) 评论(5) 推荐(1) 编辑

CCS3 calc()

摘要： CSS3支持动态计算一个元素的长度宽度，思路和以前的IE CSS表达式差不多，不过功能强大很多。它允许里面的表达式支持+, -, *, /, mod, min, 和 max 运算符。如：width: calc(25% - 1em); 更多例子见这里Robert Nyman给出的兼容方案：.calc { width: 100px; height: 100px; border: 1px solid #f00; padding: 10px; /* Firefox */ width: -moz-calc(75% - 100px); /* WebKit */ width: -webkit-calc(.. 阅读全文

posted @ 2011-02-15 13:55 司徒正美阅读(1616) 评论(0) 推荐(0) 编辑

跨域的异步请求四

摘要：本文将一种崭新的为JSONP添加onerror事件的跨浏览器解决方案。由于ie6~8及opera的script标签不支持onerror事件，因此一般的类库（包括jquery，及其他我所看到的库）也无法处理它们的JSONP的onerror回调（下称负向回调）。难道就没有办法吗？经笔者发现，JSONP的回调函数（下称正向回调）总是在script的onload事件（IE为onreadystatechange）之前就被调用了。因此我们在正向回调执行之时，为script标签添加一个属性，然后待到onload发生时，再检测有没有这个属性就可以判定是否请求成功，没有成功当然就调用我们的负向回调了！//201 阅读全文

posted @ 2011-02-13 16:52 司徒正美阅读(5273) 评论(5) 推荐(2) 编辑

script的onerror事件支持情况调查

摘要：我有一个需求，无论如何都要把动态创建的script标签去掉，时机有四个，onload, ontimeout, onerror，因此需要检测浏览器是否支持onerror事件。通过肉眼确认，IE6~8与opera11都不支持，safari,chrome,firefox,ie9支持，但opera是无法通过编程方式检测opera的支持情况（在我的能力下，望高手指点）。 var el = document.createElement("script"); document.body.insertBefore(el,null); var name = "onerror&quo 阅读全文

posted @ 2011-02-12 10:51 司徒正美阅读(8266) 评论(2) 推荐(0) 编辑

JSON parse在各浏览器的兼容性列表

摘要：外国某JS高手Asen Bozhilov 做的统计表，趁没被墙前立即抱回来！ JSON text This implementation FF 3.6.6 FF 4.0 beta IE8 IE9 Beta Opera 11 (build 1055) Chrome 6.0.472 Safari 5 (6533.16) json2 in FF 3.6.6 JSON.parse - Ye 阅读全文

posted @ 2011-02-12 00:32 司徒正美阅读(5601) 评论(0) 推荐(1) 编辑

splice方法在各浏览器的差异

摘要：今天我想切割一个数组为两个部分，理所当然要用到splice方法，根据slice函数的经验，如果我不写第二个参数，它会一直取得最后一个元素，但我错了。 var a = [1,2,3,4,5] var b = a.splice(3); alert(b) alert(Object.prototype.toString.call(b )) alert(a) 运行代码 IE6-8，返回一个空数组，分割失败。chrome10.0.642.2,firefox3.6.13,safari5.03,opera11.01返回新数组[4,5]，原数组变为[1,2,3]。看来一定要老老实实写上第二个参数了。阅读全文

posted @ 2011-02-11 21:40 司徒正美阅读(1150) 评论(1) 推荐(0) 编辑

Ruby's Louvre

导航

公告