• 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();
  • 相关阅读:
    NFC Basics(基本NFC)——翻译自developer.android.com
    【LeetCode】Sort Colors 解题报告
    发送手机物理标识请求
    Java编程介绍
    emacs 中使用git diff命令行
    OpenJudge百炼习题解答(C++)--题4074:积水量
    编程之美2.9 斐波那契数列
    Application Architecture Determines Application Performance
    程序包javax.servlet.annotation不存在
    mysql 严格模式 Strict Mode说明
  • 原文地址:https://www.cnblogs.com/enych/p/10911112.html
Copyright © 2020-2023  润新知