JavaScript代码段整理笔记系列（一）

　　　　30段JavaScript代码——上篇

---

 

　　1.如何区分IE及非IE浏览器：

1 if(!+[1,]){                //IE 11 不支持
2 alert("这是 IE 浏览器")； 3 }else{ 4      alert("这不是 IE 浏览器")； 5 ｝

　　2.将日期直接转换为数值：

　　 +new Date(); 

　　3.非IE浏览器下将类数组对象 “arguments”转为数组：

 　　Array.prototype.slice.call(arguments); 

　　4.最简单的选择运算符||：

var a = 0 || 3; console.log(a); //结果3 

　　 若是=后面的第一个值计算结果为布尔值“真”，则 a 的值取第 1 个，不然取第 2 个。

　　5.单链式运算（如 a++ -1）:

var a=10; console.log(a++ -1); 

　　先执行“a-1”，再执行“a=a+1”。

　　6.有趣的void操做符：

　　 <a href="javascript:void(0)">我是一个死连接</a> 

　　void是一种操做符，用来计算一个表达式但不返回值。

　　7.跳转至新页面，而且保证浏览器不会再回退：

　　 location.replace("http://www.baidu.com"); 

　　location 的 replace() 方法能够用一个新的文档替换当前文档，而且该方法还会覆盖 History 对象中的记录。

　　8.几秒钟以后返回上一页：

　　 <meta http-equiv="refresh" content="3;url=javascript:window.history.go(-1);"> 

　　9.在打开的子窗口中刷新父窗口：

　　 window.opener.location.reload(); 

　　10.验证是否为负数的正则表达式：

　　/^-\d+$/.test(str);

　　11.用JavaScript打印页面：

　　 window.print() 

　　12.显示/隐藏一个DOM元素：

el.style.display = ""; el.style.display = "none"; //el是待操做的DOM元素

　　DOM元素的显示/隐藏主要是经过设置元素的样式display属性来实现。

　　13.实现alert()中的文本换行：

　　 alert("p\np")  

　　"\n"表明换行符。

　　14.实现ECMAScript5中的Object.create()函数：　

1 function clone(proto){ 2         function _clone(){} 3         _clone.prototype                 = proto; 4         _clone.prototype.constructor = _clone; 5         return new_clone();                //等价于 Object.create(Person);
6         var me = clone(Person);

　　用原型链形式继承，构造函数从新指向新建立的对象。

　　15.理解JavaScript中的闭包：

　　例如，如下代码会输出5次，结果都是5，那么如何输出0、一、二、三、4？

1 for(var i = 0; i < 5; i++) { 2        setTimeout(function() { 3  console.log(i); 4        }, 1000); 5 }                 

　　利用闭包的原理实现，代码以下：

1 for(var i = 0; i < 5; i++) { 2         (function(e) { 3                setTimeout(function() { 4  console.log(e); 5                }, 1000); 6  })(i); 7 }                

　　敬请关注下篇~