前日对iframe的几种文档对象获取方式做了测试,发现一些有趣现象,与大家分享!
假设在页面嵌入如下iframe:
<iframe id="testFrame" name="testFrame" src="#" frameborder="0" border="0" scrolling="no" style="display:none"></iframe>
众所周知,iframe是内嵌窗口,我们可以通过多种方式获取iframe对象及其window\document对象(同域前提),不过哪些是哪些有时会搞不清,测试目的也是为了加深记忆。
比较常见的方法有以下几种,分别测试:
- A:document.getElementById(‘testFrame’)
- B:window.frames['testFrame'];
- C:document.getElementById(‘testFrame’).contentWindow
测试结果(非IE浏览器及IE8)

从测试结果及其比对结果可以看出,A得到的是iframe这个html标签对象,B和C得到的是iframe浏览器对象(window),有意思的是IE7及以下版本浏览器认为这两者是不恒等的
…
document, dom, iframe, window, 兼容
Javascript开发中,需要与0,undefined,null,false进行等同比较时,我们知道,用’===’(恒等)比较靠谱,我是在第一次使用jslint时知道这点的,例如在Jslint中验证
var test = '';
alert(test==0);
会得到提示:
Use '===' to compare with '0'
看看ECMA规范中是如何对==和===操作符进行定义的,了解其深层的规则以及jslint提示的缘由
首先介绍==
11.9.1 等同运算符( == )
运算符规则如下所示:
1. 计算运算符左侧表达式;
2. 对第1步的结果调用GetValue;
3. 计算运算符右侧表达式;
4. 对第1步的结果调用GetValue;
5. 对第4步的结果与第2步结果执行比对(参考 11.9.3);
6. 返回第5步结果;
再来详细了解比对过程(11.9.3)
11.9.3 抽象的等同比对算法…
ECMA, equals, identical, javascirpt, strict, 恒等, 操作符, 等同, 规范
IE浏览器的条件注释虽不太常用,却异常强大,不仅可以用来区分IE浏览器版本
仅IE6:
<!--[if IE6]>
怎么该,怎么该……
<![endif]-->
仅IE7:
<!--[if IE7]>
怎么该,怎么该……
<![endif]-->
还可以牛13滴用来区分非IE浏览器:
<!--[if !IE]><-->
怎么该,怎么该……
<![endif]-->
关键是条件注释后头的 <–> 在IE中被当作内部注释,而在非IE浏览器中会闭合之前的注释,从而起到区分非IE浏览器的作用,一般常用<!–>。
conditional comments, IE, non-ie, 条件注释, 注释, 非IE
Opera开发小组近日发布了mac平台的10.50版本,新增了不少功能,性能上更是提升卓越:
- 稳定性提升:比之前的pre-alpha版本更稳定
- 界面更美观:界面越来越美观,不得不承认,Opera开发小组在此下了很大的功夫
- Opera Unite:此版本支持Opera Unite,用户可以浏览和下载Opera Unite 应用
- HTML5<video>标签:此版本现在也支持html5 <video>标签啦,这真是个好消息。什么是<video>标签?
- 独立应用程序式挂件:解决了此前只能在opera windows版本使用独立应用程序式挂件的尴尬局面,更多请查看ODIN post by Patrick Lauke on standalone widgets
- 新版开发者工具菜单:此版本把常用开发者工具(Opera Dragonfly、cache information和控制台等)统一放到新菜单“View->Developer Tools”中
Opera 10.50性能大比拼:

更多请看:Opera 10.5 grabs browser speed crown
从测试结果来看,Opera10.5 比 safari 4.04 windows版 和 chrome 4.0 还要快15%以上,firefox 已经被前三者远远抛在后面,要加油哦,IE 就不提了=.=!
顶Opera!
mac, opera, video, 性能
什么是 WEB 重构?如果是前端开发工程师,相信就能给出专业的解答,或许有些在悟道之后还会有不同的见解。本 PPT 针对的不是本行同事,而是针对具有一定前端开发基础的视觉设计师或互联网从业人员。PPT 比较浅显地介绍了 WEB 重构的一些知识,这也是本周我在视觉沙龙所做的分享,以后还会循序渐进地为更多前端开发之外的朋友介绍其他内容,目的当然是让更多前端协作人员和同事了解前端,爱上前端这个新兴职业
虽是老生常谈的内容,熟者当熟,生者必生,前端布道之路还远远没有尽头……
PPT, 前端, 布道, 重构
捣鼓 wordpress 时,发现系统里的星级评分的设计方式挺新奇也挺实用,特别是在图床挂掉时还能保持色块指示,在可访问性方面要比普通方法做的更好。
视点:
中部镂空,周围用背景色覆盖的背景图是这个设计的亮点,正好和常规背景图设计相反,很有想法。
将此图放大,可以看的更明白些:

正常状态:

设置其他颜色和透明度:

这种设计的好处在于
- 可维护性:方便星星的颜色定制,方便换肤
- 可访问性:图床挂掉时还有背景色做保障,CSS 未加载也能通过内部文字体现涵义
rating, 可访问性, 星级评分
鉴于国内互联网环境的不可预测性,终于在前些日子下决心把博客迁至国外空间。经过几天努力,将博客从zblog转到wordpress,唉,其中的数据转换之麻烦就不说了,转至Godaddy后,速度貌似更慢了,杯具!有空得换个IP了
崇厚妹妹建议我启用二级域名:blog.silentash.com,说比www.silentash.com/blog 看上去专业多了,TMD,他自己还在用 www.xujiwei.com/blog ,算了,二级域名我喜欢,换就换吧。
因为域名与 wordpress 设置都要做变化,之前静态地址都不能用了,所以今天又花了半天时间,为以前的静态地址做了301重定向,搞定,除了速度偏慢,其他一切看上去都像模像样!
有三点希望:
- godaddy快一点
- godaddy再快一点
- godaddy再再快一点
godaddy, silentash, wordpress
使用 html5 的 doctype 代替很长很长的 xhtml doctype 似乎成了时尚和趋势,只需写寥寥几个字符:
<!DOCTYPE html>
简单易用,而且兼容性又不错,不过毕竟IE7和IE6还是不认识它,就会出问题…
doctype, html5, img, space, 图片空白, 文档类型