<ruby id="27277"></ruby>

<meter id="27277"></meter>
      <menuitem id="27277"></menuitem>

      1. 葵花寶典教程,一個自學編程平臺

        葵花寶典教程,一個自學編程平臺

        JavaScript - 變量

        JavaScript 數據類型

        編程語言最基本的特征之一是它支持的數據類型集。這些是可以在編程語言中表示和操作的值類型。

        JavaScript 允許您使用三種原始數據類型 -

        • 數字,例如。123、120.50 等

        • 文本字符串,例如“此文本字符串”等。

        • 布爾值,例如真或假。

        JavaScript 還定義了兩種微不足道的數據類型,nullundefined,每一種都只定義一個值。除了這些原始數據類型之外,JavaScript 還支持一種稱為object的復合數據類型。我們將在單獨的章節中詳細介紹對象。

        注意- JavaScript 不區分整數值和浮點值。JavaScript 中的所有數字都表示為浮點值。JavaScript 使用 IEEE 754 標準定義的 64 位浮點格式表示數字。

        JavaScript 變量

        像許多其他編程語言一樣,JavaScript 也有變量。變量可以被認為是命名容器。您可以將數據放入這些容器中,然后簡單地通過命名容器來引用數據。

        在 JavaScript 程序中使用變量之前,必須聲明它。變量使用var關鍵字聲明如下。

        <script type = "text/javascript">
           <!--
              var money;
              var name;
           //--></script>

        您還可以使用相同的var關鍵字聲明多個變量,如下所示 -

        <script type = "text/javascript">
           <!--
              var money, name;
           //--></script>

        將值存儲在變量中稱為變量初始化。您可以在創建變量時或稍后需要該變量時進行變量初始化。

        例如,您可以創建一個名為money的變量,然后將值2000.50 分配給它。對于另一個變量,您可以在初始化時分配一個值,如下所示。

        <script type = "text/javascript">
           <!--
              var name = "Ali";
              var money;
              money = 2000.50;
           //--></script>

        注意- 僅將var關鍵字用于聲明或初始化,一次用于文檔中任何變量名的生命周期。您不應該兩次重新聲明相同的變量。

        JavaScript 是無類型語言。這意味著 JavaScript 變量可以保存任何數據類型的值。與許多其他語言不同,您不必在變量聲明期間告訴 JavaScript 變量將持有什么類型的值。變量的值類型可以在程序執行期間發生變化,JavaScript 會自動處理它。

        JavaScript 變量范圍

        變量的范圍是定義它的程序區域。JavaScript 變量只有兩個作用域。

        • 全局變量- 全局變量具有全局范圍,這意味著它可以在 JavaScript 代碼中的任何位置定義。

        • 局部變量- 局部變量僅在定義它的函數中可見。函數參數始終是該函數的本地參數。

        在函數體內,局部變量優先于同名的全局變量。如果你聲明一個與全局變量同名的局部變量或函數參數,你實際上隱藏了全局變量。看看下面的例子。

        <html>
           <body onload = checkscope();>   
              <script type = "text/javascript">
                 <!--
                    var myVar = "global";      // Declare a global variable
                    function checkscope( ) {
                       var myVar = "local";    // Declare a local variable
                       document.write(myVar);
                    }
                 //-->
              </script>     
           </body></html>

        這會產生以下結果 -

        local

        JavaScript 變量名

        在 JavaScript 中命名變量時,請牢記以下規則。

        • 您不應使用任何 JavaScript 保留關鍵字作為變量名。這些關鍵字將在下一節中提到。例如,中斷布爾變量名稱無效。

        • JavaScript 變量名不應以數字 (0-9) 開頭。它們必須以字母或下劃線字符開頭。例如,123test是一個無效的變量名,但_123test是一個有效的變量名。

        • JavaScript 變量名區分大小寫。例如,名稱名稱是兩個不同的變量。

        JavaScript 保留字

        下表給出了 JavaScript 中所有保留字的列表。它們不能用作 JavaScript 變量、函數、方法、循環標簽或任何對象名稱。





        abstractelseinstanceofswitch
        booleanenumintsynchronized
        breakexportinterfacethis
        byteextendslongthrow
        casefalsenativethrows
        catchfinalnewtransient
        charfinallynulltrue
        classfloatpackagetry
        constforprivatetypeof
        continuefunctionprotectedvar
        debuggergotopublicvoid
        defaultifreturnvolatile
        deleteimplementsshortwhile
        doimportstaticwith
        doubleinsuper



        JavaScript - HTML 文件中的位置

        可以靈活地將 JavaScript 代碼包含在 HTML 文檔的任何位置。然而,在 HTML 文件中包含 JavaScript 的最優選方式如下:

        • <head>...</head> 部分中的腳本。

        • <body>...</body> 部分中的腳本。

        • <body>...</body> 和 <head>...</head> 部分中的腳本。

        • 在外部文件中編寫腳本,然后包含在 <head>...</head> 部分中。

        在下一節中,我們將了解如何以不同的方式將 JavaScript 放入 HTML 文件中。

        <head>...</head> 部分中的 JavaScript

        如果您想讓腳本在某個事件上運行,例如當用戶單擊某處時,那么您將把該腳本放在頭部,如下所示 -

        <html>
           <head>      
              <script type = "text/javascript">
                 <!--
                    function sayHello() {
                       alert("Hello World")
                    }
                 //-->
              </script>     
           </head>
           
           <body>
              <input type = "button" onclick = "sayHello()" value = "Say Hello" />
           </body>  </html>

        此代碼將產生以下結果 -

        <body>...</body> 部分中的 JavaScript

        如果您需要在頁面加載時運行腳本以便腳本在頁面中生成內容,則該腳本將進入文檔的 <body> 部分。在這種情況下,您將不會使用 JavaScript 定義任何函數。看看下面的代碼。

        <html>
           <head>
           </head>
           
           <body>
              <script type = "text/javascript">
                 <!--
                    document.write("Hello World")
                 //-->
              </script>
              
              <p>This is web page body </p>
           </body></html>

        此代碼將產生以下結果 -

        <body> 和 <head> 部分中的 JavaScript

        您可以將 JavaScript 代碼完全放在 <head> 和 <body> 部分中,如下所示 -

        <html>
           <head>
              <script type = "text/javascript">
                 <!--
                    function sayHello() {
                       alert("Hello World")
                    }
                 //-->
              </script>
           </head>
           
           <body>
              <script type = "text/javascript">
                 <!--
                    document.write("Hello World")
                 //-->
              </script>
              
              <input type = "button" onclick = "sayHello()" value = "Say Hello" />
           </body></html>

        此代碼將產生以下結果 -

        外部文件中的 JavaScript

        隨著您開始更廣泛地使用 JavaScript,您可能會發現在某些情況下您會在網站的多個頁面上重用相同的 JavaScript 代碼。

        您不限于在多個 HTML 文件中維護相同的代碼。script標簽提供了一種機制,允許您將JavaScript 存儲在外部文件中,然后將其包含到 HTML 文件中。

        下面是一個示例,展示了如何使用script標簽及其src屬性在 HTML 代碼中包含外部 JavaScript 文件。

        <html>
           <head>
              <script type = "text/javascript" src = "filename.js" ></script>
           </head>
           
           <body>
              .......   </body></html>

        要使用來自外部文件源的 JavaScript,您需要將所有 JavaScript 源代碼寫入擴展名為“.js”的簡單文本文件中,然后如上所示包含該文件。

        例如,您可以將以下內容保留在filename.js文件中,然后在包含 filename.js 文件后,您可以在 HTML 文件中使用sayHello函數。

        function sayHello() {
           alert("Hello World")
        }


        JavaScript 運行

        所有現代瀏覽器都內置了對 JavaScript 的支持。通常,您可能需要手動啟用或禁用此支持。本章介紹在瀏覽器中啟用和禁用 JavaScript 支持的過程:Internet Explorer、Firefox、chrome 和 Opera。


        Internet Explorer 中的 JavaScript

        以下是在 Internet Explorer 中打開或關閉 JavaScript 的簡單步驟 -


        • 按照菜單中的工具 → Internet 選項。

        • 從對話框中選擇安全選項卡。

        • 單擊自定義級別按鈕。

        • 向下滾動直到找到Scripting選項。

        • 選擇Active scripting下的Enable單選按鈕。

        • 最后點擊OK就出來了


        要在 Internet Explorer 中禁用 JavaScript 支持,您需要選擇Active scripting下的Disable單選按鈕。


        Firefox 中的 JavaScript

        以下是在 Firefox 中打開或關閉 JavaScript 的步驟 -


        • 打開一個新標簽 → 在地址欄中輸入about: config。

        • 然后你會發現警告對話框。選擇我會小心的,我保證!

        • 然后您將在瀏覽器中找到配置選項列表。

        • 在搜索欄中,輸入javascript.enabled。

        • 在那里,您將找到啟用或禁用 javascript 的選項,方法是右鍵單擊該選項的值 →選擇切換。


        如果 javascript.enabled 為真;單擊時它會轉換為false。如果 javascript 被禁用;它在單擊切換時啟用。


        Chrome 中的 JavaScript

        以下是在 Chrome 中打開或關閉 JavaScript 的步驟 -


        •     點擊瀏覽器右上角的 Chrome 菜單。    

        •     選擇設置。    

        •     單擊頁面末尾的顯示高級設置。    

        •     在隱私部分下,單擊內容設置按鈕。    

        •     在“Javascript”部分,選擇“不允許任何站點運行 JavaScript”或“允許所有站點運行 JavaScript(推薦)”。

            

        Opera 中的 JavaScript

        以下是在 Opera 中打開或關閉 JavaScript 的步驟 -


        • 按照菜單中的工具 → 首選項。

        • 從對話框中選擇高級選項。

        • 從列出的項目中選擇內容。

        • 選擇啟用 JavaScript復選框。

        • 最后點擊確定就出來了。


        要在 Opera 中禁用 JavaScript 支持,您不應選中Enable JavaScript 復選框。


        非 JavaScript 瀏覽器的警告

        如果您必須使用 JavaScript 做一些重要的事情,那么您可以使用<noscript>標記向用戶顯示警告消息。


        您可以在腳本塊之后立即添加一個noscript塊,如下所示 -


        <html>

           <body>

              <script language = "javascript" type = "text/javascript">

                 <!--

                    document.write("Hello World!")

                 //-->

              </script>

              

              <noscript>

                 Sorry...JavaScript is needed to go ahead.

              </noscript>      

           </body>

        </html>

        現在,如果用戶的瀏覽器不支持 JavaScript 或未啟用 JavaScript,則來自 </noscript> 的消息將顯示在屏幕上。



        Javascript - Syntax

        Javascript - Syntax

        Javascript - Overview

        Javascript - Overview

        Javascript - Home

        Javascript - Home

        << 1 >>

        Copyright www.chinohillsfirstimehomebuyer.com Rights Reserved葵花寶典教程.鄂icp2022001145號-1

        分享:

        支付寶

        微信

        97色伦午夜国产亚洲精品

        <ruby id="27277"></ruby>

        <meter id="27277"></meter>
          <menuitem id="27277"></menuitem>