ECMAScriptJavaScript代表码段整理笔记系列(一)

    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、1、2、3、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 }                

  敬请关注下篇~