摘要：创建iframe对象，添加load事件， 再将iframe添加到body中。Chrome/Opera中会造成load事件的handler执行两次。<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>iframe的onload在Chrome/Opera中执行两次</title></head> <body> <script> var ifr = document.createElement('ifr
阅读全文
摘要：如下<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>IE6/7 double padding-bottom Bug</title></head> <body><div style="border:1px solid red;width:300px;padding:15px 0;"> <div style="float:left;border:1px solid g
阅读全文
摘要：在IE6下（标准模式/怪异模式），如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:15px)。那么会自动的加一倍变成30px。如下<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>IE6双空白边Bug</title></head> <body><div style="border:1px solid red;width:200px;"> &
阅读全文
摘要：网页设计中，我们经常需要设置一个元素向左或向右浮动。如<!DOCTYPE HTML><html><head> <title>IE6/7和IE8/9（怪异模式）浮动元素折行Bug</title> <meta charset="utf-8"></head><body><div style="width:300px;border:1px solid gray;padding:5px;"> <input type="text" /
阅读全文
摘要：怪异模式中IE6/7/8/9均会产生此bug，标准模式中IE6会产生此bug，但条件稍微有些不同（外层div需指定宽度）。先看怪异下：div中包含的span都向左浮动，.tltle和.intro的宽度都是50%，这时候在IE6，7，8上都会出现一个多余的'e'。当然.title和.intro的宽度百分比可以任意指定，只要两者加起来为100%即可。<html> <head> <title>怪异模式中IE6，7，8多余字符bug</title> <meta charset="utf-8"> <st
阅读全文
摘要：如下<div style="width:100px;height:100px;background:gold"></div>用IE开发者工具，或IE8自带的开发者工具。结构如 图1 ：红色所圈之处可以看到给div添加的内联样式width，height，background都依次排列。正常！但给该div添加filter:alpha(opacity=20)后，<div style="filter:alpha(opacity=20);width:100px;height:100px;background:gold"><
阅读全文
摘要：在IE5.5，6下，如果一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)。那么会自动的加一倍变成20px。如下html：在IE5.5，6下测试会发现marginLeft变成了20px<style type="text/css">#div2{ margin:0 0 0 10px; float:left; width:300px; height:50px; border:1px solid gray;}</style><div style="border:1px solid red;&quo
阅读全文
摘要：今天在一个网站看到了作者使用中文命名。我们知道js中可以使用中文标识符，如变量，类名，参数名，方法名等。如下代码：function 学生(姓名,年龄){//类名：学生，参数：姓名，年龄 this.姓名=姓名; this.年龄=年龄;}学生.prototype.获取姓名=function(){//方法名：获取姓名 return this.姓名;}学生.prototype.设置姓名=function(名字){//方法名：设置姓名 this.姓名=名字;}var student1 = new 学生("张三",18);alert(student1.获取姓名());student1.
阅读全文
