分类目录归档：Web前台开发技术

移动设备wap手机网页html5通过特殊链接：打电话，发短信，发邮件等

发表于2015 年 12 月 29 日由稚子

在移动浏览器中实现拨打电话，调用sms发短信，发送email等功能，移动手机WE … 继续阅读 →

发表在 Web前台开发技术 | 标签为 html5, 发短信, 发邮件, 打电话 | 留下评论

一段CSS居然让chrome崩溃了

发表于2015 年 12 月 29 日由稚子

@-webkit-keyframes aaa{
        from{
                -webkit-filter:opacity(1);
        }
        to{
                -webkit-filter:opacity();
        }
}

@-webkit-keyframes aaa{

from{

-webkit-filter:opacity(1);

}

to{

-webkit-filter:opacity();

}

靠近我试试

发表在 Web前台开发技术 | 标签为崩溃 | 留下评论

全世界最短IE判定if(!+[1,])的解释

发表于2015 年 8 月 18 日由稚子

&lt;script type="text/javascript"&gt;
alert([1,2]);//相当于alert([1,2].toString()); --这在IE与非IE上都相同，都会弹出"1,2"
alert([1,]);//相当于alert([1,].toString());--在非IE的标准浏览器上，js引擎会自动删除最后的","，所以在IE上会弹出"1,"，而在非IE上会弹出"1"
alert(+[1,]);//根据上面的解释，这一句在IE上相当于alert(+"1,")，而在非IE上相当于alert(+"1")，正号的作用在于试图将字符串转换为数字，"1,"当然不是数字，而"1"可以转换为数字1，所以最终的结果：IE上会转换失败弹出"NaN"，而非IE浏览器上会弹出数字"1"
 
//上面的+号转换字符串为数字的测试
var s = +"5";
alert(s+1);
 
//ok，到这里为止，我们知道 +[1,] 最终在IE为上NaN,在非IE浏览器上则为数字1
 
//下面再来看看很有个性的NaN
alert(NaN==true);//弹出 false
alert(NaN==false);//弹出 false
alert(NaN==NaN);//弹出 false
 
//即NaN不管与谁比较都是false
alert(!NaN);//相当于alert(!(NaN==true))，根据上面的解释当然是弹出true
 
 
//所以，alert(!+[1,]) 最终在IE上会弹出"true"，下面再来看看firefox等非IE浏览器上的表现
alert(new Boolean(0));//false
alert(new Boolean(1));//true
alert(new Boolean(-1));//true
//即：数字0会转换为false，其它任何数字都会转换为true，所以最终在非IE浏览器上最终等效于：
alert(!1);
//即
alert(!true)//最终会得到false
 
//综上所述：下面的这个判断就能判定浏览器是不是IE
if (!+[1,]){
    alert("我是货真价实的IE浏览器!")
}
else{
    alert("我不是IE!")
}
&lt;/script&gt;

alert([1,2]);//相当于alert([1,2].toString()); --这在IE与非IE上都相同，都会弹出"1,2"

alert([1,]);//相当于alert([1,].toString());--在非IE的标准浏览器上，js引擎会自动删除最后的","，所以在IE上会弹出"1,"，而在非IE上会弹出"1"

alert(+[1,]);//根据上面的解释，这一句在IE上相当于alert(+"1,")，而在非IE上相当于alert(+"1")，正号的作用在于试图将字符串转换为数字，"1,"当然不是数字，而"1"可以转换为数字1，所以最终的结果：IE上会转换失败弹出"NaN"，而非IE浏览器上会弹出数字"1"

//上面的+号转换字符串为数字的测试

var s = +"5";

alert(s+1);

//ok，到这里为止，我们知道 +[1,] 最终在IE为上NaN,在非IE浏览器上则为数字1

//下面再来看看很有个性的NaN

alert(NaN==true);//弹出 false

alert(NaN==false);//弹出 false

alert(NaN==NaN);//弹出 false

//即NaN不管与谁比较都是false

alert(!NaN);//相当于alert(!(NaN==true))，根据上面的解释当然是弹出true

//所以，alert(!+[1,]) 最终在IE上会弹出"true"，下面再来看看firefox等非IE浏览器上的表现

alert(new Boolean(0));//false

alert(new Boolean(1));//true

alert(new Boolean(-1));//true

//即：数字0会转换为false，其它任何数字都会转换为true，所以最终在非IE浏览器上最终等效于：

alert(!1);

//即

alert(!true)//最终会得到false

//综上所述：下面的这个判断就能判定浏览器是不是IE

if (!+[1,]){

alert("我是货真价实的IE浏览器!")

}

else{

alert("我不是IE!")

}

</script>

注：随着时间的 … 继续阅读 →

发表在 Web前台开发技术 | 标签为 IE判定 | 留下评论

使用X-UA-Compatible来设置IE浏览器兼容模式

发表于2015 年 6 月 25 日由稚子

为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。
新的IE为了确保网页在未来的版本中都有一支的外观，IE8引入了文件兼容性。当你引入一个增设的兼容性模式，
此文章说明文件兼容性的必要性，列出现有版本IE能使用的文件兼容性模式并示范如何选择特定的兼容性模式。继续阅读 →