(1)页面加载js,无需运行完整页面代码：
<body onload="JScript:函数名（IE）;JavaScript:函数名（火狐和一部分）;javascript:函数名（谷歌和其他）;">
(2)边框阴影：
-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.5)（火狐）;
-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5)（safari或chrome）;
box-shadow:0px 0px 4px rgba(0,0,0,0.5)（opera或ie9）;
(3)透明度兼容：
---1---background-color: rgba(0,0,0,0.5);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 和其他浏览器 */
---2---@media screen\,screen9 {/* 只支持IE6、7、8 */
.demo{
background-color:#000000;
//opacity=0.5；（其他浏览器可用，但文字内容也会变透明，这是就需要给文字加z-index:999;）
filter:Alpha(opacity=50);
position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
*zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
.demo p{
position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}
}
(4)边的弯曲度：border_radius:50%；(火狐、谷歌、其他、IE9以上)；
（IE6/7/8：如果想都兼容，只能用图片代替）；
(5)倒影效果：需要在你想倒影的内容下方，重复一遍内容；
-webkit-transform: scaleY(-1); /* webkit内核浏览器的实现，例如safari */
-moz-transform: scaleY(-1); /* firefox 的实现 */
-ms-transform: scaleY(-1);/* IE 的实现 IE9以上*/
-o-transform: scaleY(-1);/* Opera的实现 */
transform: scaleY(-1);
(6)打印信息：console.log();（各大浏览器除IE9以下，不含IE9）；
和alert（）相似，但比其好，原因在于：alert()函数会阻断JavaScript程序的执行，从而造成副作用；而console.log()仅在控制台中打印相关信息，因此不会造成类似的顾虑。现今大多数浏览器都自带调试功能；即使没有调试功能，也可以通过安装插件来进行补充。对于缺少调试控制台的老版本浏览器（IE6/7/8），window中的console对象并不存在，因此直接使用console.log()语句可能会在浏览器内部造成错误(空指针错误)，并最终导致某些老版本浏览器的崩溃。加入之下代码，可以人为定义console对象，并声明该console对象的log函数为空函数；（不过，在大多数情况下，没有必要去做这种兼容性工作 — console.log()等调试代码应当从最终的产品代码中删除掉）
if(!window.console){window.console = {log : function(){}};}