序1:30段简单代码段(有删减)
1 . 区分 IE 和 非 IE 浏览器
if(!+[1,]){
console.log('ie浏览器');
}else{
console.log('非ie浏览器');
}
2. 将日期直接转换为数值。
3. 最简单的选择运算符 ||
var a = 0 || 3;
console.log(3);
4. 单链式运算 ( 如:a++ - 1 )
var a = 10;
console.log(a++ - 1); // 先执行 a - 1, 在执行 a = a + 1
5. 跳转至新页面,并且保证浏览器不会在回退。
// 一开始我打开的是 baidu , 使用 location.repalce 跳转之后浏览器返回不到百度了。
location.replace('http://www.wiz.cn');
6. 验证是否为负数的正则表达式
/^-\d+$/.test(num);
7. 用 JS 打印页面, window.print() 属于浏览器内置的 API
window.print();
8. 把一个值转换成 布尔型值的最简单方式, 使用 " ! " 操作符两次,可以把一个值转换为布尔类型
!! 'demo'; // true
!!''; // false
!!'0' // true
!!{} // true
9. 判断浏览器是否支持 HTML5, 在 HTML5 中 navigator.geolocation; 可以获取当前设备的位置,通过 双 "!" 就可以判断是否支持此 API, 即是否支持 HTML5
!!navigator.geolocation;
10. 判断浏览器是否支持 Canvas
function isCanvas(){
return !!document.createElement('canvas').getContext;
} isCanvas();
11. 判断浏览器版本
window.navigator.appVersion;
12. 实现对 Windows、Mac、Linux、UNIX 操作系统的判断
var osType="",
windows = (navigator.userAgent.indexOf("Windows", 0) != -1) ? 1 : 0,
mac = (navigator.userAgent.toLowerCase().indexOf("mac", 0) != -1) ? 1 : 0,
linux = (navigator.userAgent.indexOf("Linux", 0) != -1) ? 1 : 0,
unix = (navigator.userAgent.indexOf("X11", 0) != -1) ? 1 : 0; if(windows) osType = "Windows";
else if(mac) osType = "Mac";
else if(linux) osType = "Linux";
else if(unix) osType = "UNIX"; console.log(osType);
13. 使用原生 JS 判断是否是移动设备浏览器
var mobileReg = /iphone|ipad|android.*mobile|windows.*phone|blackberry.*mobile/i;
if(mobileReg.test(window.navigator.userAgent.toLowerCase())){
console.log('移动设备');
}else{
console.log('非移动设备');
}