js 作用域 ?????

   ///*第一种情况 */
        //var mycars = new Array()
        //mycars[0] = 0;
        //mycars[1] = 1;
        //mycars[2] = 2;

        //function tee(arry) {
        //    arry[1] = 100;
        //    console.log(arry); //输出为1,100,2
        //    console.log(mycars);//输出为1,100,2
        //}
        //tee(mycars);

        /* 第二种情况 */
        //function tee0() {
        //    var mycars = new Array()
        //    mycars[0] = 0;
        //    mycars[1] = 1;
        //    mycars[2] = 2;
        //    tee(mycars);
        //}
        //function tee(arry) {
        //    arry[1] = 100;
        //    console.log(arry);
        //    // console.log(mycars);  未定义
        //}
        //tee0();
        /* 第三种情况 */
        //function tee0() {
        //    var mycars = new Array()
        //    mycars[0] = 0;
        //    mycars[1] = 1;
        //    mycars[2] = 2;
        //    tee(mycars);
        //    function tee(arry) {
        //        arry[1] = 100;
        //        console.log(arry);//输出为1,100,2
        //        console.log(mycars);//输出为1,100,2
        //    }
        //}
        //tee0();

        ///*这是第4中情况*/
        //function tee1() {
        //    var mycars = new Array()
        //    mycars[0] = 0;
        //    mycars[1] = 1;
        //    mycars[2] = 2;

        //    var u = document.getElementById("uuu");
        //    var page_li = u.getElementsByTagName("li");
        //    for (var i = 0; i < page_li.length; i++) {
        //        page_li[i].onclick = function () {
        //            t001();
        //        }
        //    }
        //    function t001() {
        //        console.log("事件被执行!");
        //        t002(mycars);
        //    }
        //    function t002(arry) {
        //        console.log("事件002被执行!");
        //        arry[1] = 100;
        //        console.log(arry); //输出为1,100,2
        //        console.log(mycars);//输出为1,100,2
        //    }
        //}
        //tee1();
        /*这是第4中情况*/  /*不能生效*/
        function tee1() {
            var u = document.getElementById("uuu");
            var page_li = u.getElementsByTagName("li");
            for (var i = 0; i < page_li.length; i++) {
                page_li[i].onclick = function () {
                    t002(page_li);
                    console.log("1");
                }
            }
            function t002(arry) {
                var temp;
                temp = arry[1];
                arry[1] = arry[2];
                arry[2] = temp;
            }
        }
        tee1();

 

 function tee1() {
            var u = document.getElementById("uuu");
            var page_li = u.getElementsByTagName("li");
            for (var i = 0; i < page_li.length; i++) {
                page_li[i].onclick = function () {
                    t002(page_li);
                    console.log("");
                }
            }
            function t002(arry) {
                var temp = document.createElement("li"); //创建一个li

                replace_dom(temp, arry[1]);
                replace_dom(arry[1], arry[2]);
                replace_dom(arry[2], temp);

                //移除对象
                // arry[1].remove(); //生效
            }
            function replace_dom(dom1, dom2) {
                var temp = document.createElement("li"); //创建一个li

                temp.innerHTML = dom1.innerHTML; //网页内容
                temp.onclick = dom1.onclick;//事件
                temp.classList = dom1.classList; //样式  //由于改变dom1样式 会改变temp样式。


                dom1.innerHTML = dom2.innerHTML; //网页内容
                dom1.onclick = dom2.onclick;//事件
                dom1.classList = dom2.classList; //样式  //由于改变dom1样式 会改变temp样式。

                dom2.innerHTML = temp.innerHTML; //网页内容
                dom2.onclick = temp.onclick;//事件
                dom2.classList = temp.classList; //样式
            }
        }
        tee1();

 

posted @ 2019-05-23 12:01  enych  阅读(214)  评论(0编辑  收藏  举报