<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # JavaScript 入門 ## JavaScript 作用 ## JavaScript 歷史和發展歷史 ## JS是前臺語言而不是后臺語言 ![](https://box.kancloud.cn/421dcb27462e043eee2dcf340f15d009_633x572.png) ![](https://box.kancloud.cn/83b143d3b26511e92c7579dfa7a3a515_662x487.png) JavaScript是運行在客戶的電腦中,而不是服務器上! 所以我們成為"前臺語言",就是服務于頁面的交互效果、美化、絢麗“后臺語言”是運行在服務器上的,比如PHP、ASP、JSP等等,這些語言都能夠操作數據庫,都能夠對數據庫進行“增刪改查”操作。 (Node.js除外,先別管Node.js是什么)。 ## JavaSctip 組成 ![](https://box.kancloud.cn/49b8f86a790dfd056106c6880cc2dee6_522x213.png) - 語言核心 - 基礎課程只學習語言,變量、表達式、運算符、函數、if語句、for語句 - DOM - 就是控制HTML中的元素,比如讓盒子移動、變色、輪播圖。DOM是啥。 - BOM - 就是控制瀏覽器的一些東西,比如讓瀏覽器自動滾動。BOM是啥。 ## JavaScript 書寫規則 1. 行內 ``` 和標簽寫在一行,混雜在一塊, <標簽名 onclick="javascript:alert('行內js)"></標簽名> ``` 2. 內部 建議放在body后面 ``` <script type="text/javascript">內容</script> alert('內部js'); ``` alert: 英文表示警告, 用途就是彈出 "警告框" 3. 外部 ``` <script type="text/javascript" src="*.js"></script> alert('外部js'); ``` ## JS 概念 JavaScript 是一種基于事件的,面向對象的腳本語言! - 事件: js的代碼都需要通過鍵盤或鼠標動作觸發! 常用事件 - 單擊 onclick - 雙擊 ondblclick - 鼠標滑過 onmouseover - 鼠標移開 onmouseleave 語法,函數 ``` <標簽 事件名='函數名()'></標簽> 功能定義在函數中 function 函數名 (){......} ``` - 面向對象 ``` <標簽 onclick="this.style.各種屬性"></標簽> ``` - 腳本語法: 可以直接在瀏覽器上運行的語言叫腳本語言 ## JS基本語法之變量 ![](https://box.kancloud.cn/e8c06f6b63080786e582e238eedfaaee_480x354.png) “編程語言中js是最簡單入門的! 編程語言特點:能在電腦中存儲數據,能做運算,邏輯處理能力(判斷,比較,賦值.....循環....)!!!!!!! ” JS 使用變量存儲數據 ``` 數學中: 定義 pi = 3.1415926; JS: var x= 3; [把3賦值給x] 彈框 alert(x) ``` ## 警告框 alert() ## 控制臺打印 ## JS數據類型 計算機中變量存儲數據是嚴格區分不同類型的! JS中的數據類型: - 數 int - 數( 單精度小數/雙精度小數 ) float/double - 非數/字符串 string - 真假 boolean true false - 未定義 underfined - null 找不到標簽 以上 5種是js的基本數據類型,還有1中是對象類型 - Object 對象類型 定義語法 ``` var 變量名 = 值; typof(變量); ``` 弱數據類型語言, 可以被多次賦值! 變量名區分大小寫! ## 數字和字符串 “直接量”也稱為“字面量”,就是看見什么,它就是什么。 簡單的直接量有2種:數字、字符串。 字符串,就是人說的話,比如單詞、句子,它們不是數字。一定要加上引號。 你將知道,”100” 和100不是一個東西 ``` alert(今天天氣很好); //錯誤的語句,因為沒有加上引號 ``` ![](https://box.kancloud.cn/e43583018b7c3884d42fd0df40687187_718x218.png) ## 注釋 - 單行 // - 多行 /**/ 提示 `ctrl+/` ## 變量 ## 數據類型 ## 運算符 1. 算數運算符(++,--) 3. 比較運算符 4. 邏輯運算符 5. 三目運算符 ### 算數 ### 自加自減 ### 比較 ### 邏輯 ### 三目運算符 ## 輸入輸出 - prompt - alert - console ## 總結
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看