如何開始學UI？入學UI的五大問題！

在JAvaScript中，函數中定義的變量是局部變量

作用域:就是變量的使用范圍，

分為：局部作用域和全局作用域

js中沒有塊級作用域---一對括號中定義的變量,這個變量可以在大括號外面使用

作用域鏈:變量的使用,從里向外,層層的搜索,搜索到了就可以直接使用了

    


        


            


                


                

            

            


                

                    var num=10; //作用域鏈 級別:0
                

            

        

        


            


                


                

            

            


                

                    var num2=20;
                

            

        

        


            


                


                

            

            


                

                    var str = "abc"
                

            

        

        


            


                


                

            

            


                

                    function f1() {
                

            

        

        


            


                


                

            

            


                

                    var num2=20;
                

            

        

        


            


                


                

            

            


                

                    function f2() {
                

            

        

        


            


                


                

            

            


                

                    var num3=30;
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                

                    f2();
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                

                    f1();
                

            

        

    

 層層搜索,搜索到0級作用域的時候,如果還是沒有找到這個變量,結果就是報錯

預解析:就是在瀏覽器解析代碼之前,把變量的聲明和函數的聲明提前(提升)到該作用域的最上面

（1）變量的提升

下面這種情況，變量的聲明被提前了，但是num的值并沒有提前，結果為undefined

    


        


            


                


                

            

            


                

                    //變量的提升
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    var num=100;
                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                

                    //提升之后為：
                

            

        

        


            


                


                

            

            


                

                    var num;//變量的聲明提前
                

            

        

        


            


                


                

            

            


                

                    console.log(num);
                

            

        

        


            


                


                

            

            


                

                    var num=100;
                

            

        

    

 （2）

函數聲明被提前，代碼仍然可以執行

    


        


            


                


                

            

            


                

                    //函數的聲明被提前了
                

            

        

        


            


                


                

            

            


                

                    f1();
                

            

        

        


            


                


                

            

            


                

                    function f1() {
                

            

        

        


            


                


                

            

            


                

                    console.log("這個函數,執行了");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

    

但是對于下面這種情況，代碼報錯

    


        


            


                


                

            

            


                

                    f2();
                

            

        

        


            


                


                

            

            


                

                    var f2=function () {
                

            

        

        


            


                


                

            

            


                

                    console.log("小楊好帥哦");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

        


            


                


                

            

            


                


                

            

        

        


            


                


                

            

            


                

                    //聲明提前后：
                

            

        

        


            


                


                

            

            


                

                    var f2;//為一個變量，undefind
                

            

        

        


            


                


                

            

            


                

                    f2();//undefind加括號是不被認可的，所以報錯
                

            

        

        


            


                


                

            

            


                

                    var f2=function () {
                

            

        

        


            


                


                

            

            


                

                    console.log("小楊好帥哦");
                

            

        

        


            


                


                

            

            


                

                    }
                

            

        

    

 要想不報錯，代碼可以改為：

    


        


            


                


                

            

            


                

                    var f2;
                

            

        

        


            


                


                

            

            


                

                    f2=function () {
                

            

        

        


            


                


                

            

            


                

                    console.log("小楊好帥哦");
                

            

        

        


            


                


                

            

            


                

                    };
                

            

        

        


            


                


                

            

            


                

                    f2();
                

            

        

    

 藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

form標簽 定義和用法 詳細了解請點擊

標簽用于為用戶輸入創建 HTML 表單。

表單能夠包含 input 元素，比如文本字段、復選框、單選框、提交按鈕等等。

表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。

表單用于向服務器傳輸數據。（我們要用到的）

form提交數據用法

在這里我就寫個用js調用事件提交表單。表單不在頁面上顯示的例子。

下面這段代碼 form標簽的屬性 method 就是請求方法 跟 jquery的ajax一樣這里我使用post請求、 form標簽的屬性 enctype 規定發送表單數據之前如何對其進行編碼、form標簽的屬性 target=”_blank” 就相當于在新頁面打開 我這里做的是下載 所以要在新頁面打開。

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔愛蘿莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button> //這里的name就是相當于post屬性的參數 value就是你傳的值 type是hidden 是因為我不想再頁面上看到他所以讓他隱藏了
    


        

            1
        

        

            2
        

        

            3
        

        

            4
        

        

            5
        

        

            6
        

    

接下來我們用js調用事件 動態給 form 添加 action 屬性讓form知道我們要讓他請求拿個位置。

// js 獲取form表單 var form_submit = document.getElementById('form-submit'); // js獲取按鈕 var go = document.getElementById('go'); // 當點擊go時執行事件 go.addEventListener（'click',function(){ // 動態給form表單設置請求位置 form_submit.active = "http://www.daxuehua.cn"; // 讓form表單提交 form_submit.submit()
}）