zoukankan      html  css  js  c++  java
  • JS 闭包

    /***
     * JS 闭包
     **/
    //var result=[];
    //function foo(){
    //  var i= 0;
    //  for (;i<3;i=i+1){
    //      result[i]=function(){
    //          alert(i)
    //      }
    //  }
    //};
    //foo();
    //result[0](); // 3
    //result[1](); // 3
    //result[2](); // 3
    
    //var result=[];
    //function foo(){
    //  var i= 0;
    //  for (;i<3;i=i+1){
    //      result[i]=(function(j){
    //          return function(){
    //              alert(j);
    //          };
    //      })(i);
    //  }
    //};
    //foo();
    //result[0](); // 0
    //result[1](); // 1
    //result[2](); // 2
    
    var style = function(el, multiple) {
        this.resize = function(){
               //获取窗口宽度
            if (window.innerWidth)
                winWidth = window.innerWidth;
            else if ((document.body) && (document.body.clientWidth))
                winWidth = document.body.clientWidth;
            //获取窗口高度
            if (window.innerHeight)
                winHeight = window.innerHeight;
            else if ((document.body) && (document.body.clientHeight))
                winHeight = document.body.clientHeight;
            //通过深入Document内部对body进行检测,获取窗口大小
            if (document.documentElement && document.documentElement.clientHeight &&     document.documentElement.clientWidth)
            {
                winHeight = document.documentElement.clientHeight;
                winWidth = document.documentElement.clientWidth;
            }
            //结果输出至两个文本框
            el.style.width = winWidth + "px";
            el.style.height = winHeight + "px";
        }
    }
    
        var dom = function(){
            
        };
     
        dom.Show = function(){
            alert("Show Message");
        };
    
        dom.prototype.Display = function(){
            alert("Property Message");
        };
     
        //dom.Display(); //error
        dom.Show();  
        var d = new dom();
        d.Display();
        //d.Show(); //error
    
    //当浏览器窗口大小改变时
    window.onresize = function(){
        var main = document.getElementById("main");
        var init = new style(main, false);
        init.resize(main, false);
    }
  • 相关阅读:
    Building Performant Expand & Collapse Animations
    选取图片上对应区域
    css绝对对齐
    如何在node.js中使用neo4j
    io.js的六大新特性
    npm-install once
    C# EF & linq &重定向等常用操作
    js 数组
    jquery/js iframe 元素操作
    js on 和 bind 绑定click的区别 事件的冒泡 捕获 委托
  • 原文地址:https://www.cnblogs.com/rinack/p/5952763.html
Copyright © 2011-2022 走看看