• 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 p")  

      " "代表换行符。

      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 }                

      敬请关注下篇~

    ——无厘果果·原创出品
  • 相关阅读:
    Java常见异常处理情况
    动手动脑总结
    动手动脑 总结
    二柱子测试三
    动手动脑总结
    动手动脑总结
    Docker同步IDEA
    UISlider
    Docker 部署 uwsgi+nginx + django
    UITableView 九宫格
  • 原文地址:https://www.cnblogs.com/JennyZhang-sharing/p/4423583.html
Copyright © 2020-2023  润新知