JS中的變量和輸入輸出
阿新 • • 發佈：2017-08-20
點擊 初始 能夠 rom 駝峰 規範 小寫字母 截取 分離 一、使用JS的三種方式
1、在HTML標簽中，直接內嵌JS（並不提倡使用）
<button onclick="alert(‘點你咋地‘)">點我</button> >>> 不符合w3c關於內容與行為分離的要求 2、在HTML頁面中使用<script></script>包裹JS代碼
<script type="text/javascript"> //JS代碼 </script>
<script language="JavaScript" src="js/01.js"></script> [註意事項] ① <script></script>可以嵌入到頁面的任何位置。但是，位置的不同會導致JS代碼的執行 順序不同 比如：<script></script>放到<body>前面，則JS代碼會在頁面加載之前就執行 ② 引入外部的JS代碼，<script></script>必須是成對出現的標簽。而且，標簽中不能再有
1、JS中變量聲明的寫法
var num=10;//使用var聲明的變量，屬於局部變量，只在當前作用域內有效 num=10;//不用var聲明的變量，默認為全局變量，在整個JS文件中都有效 var x=9,y,z=10;//使用一行語句同時聲明多個變量。上式中，y屬於已聲明，但是未 賦值狀態，結果為undefined [聲明變量的註意事項] ① JS中所有變量的聲明，均使用var關鍵字。變量具體是什麽數字類型，取決給變
① 變量名，只能有字母、數字、下劃線組成； ② 開頭不能是數字； ③ 變量名區分大小寫，大寫字母與小寫字母為不同變量； 3、變量名的命名規範：
① 要符合小駝峰法則（駱駝命名法）： 首字母小寫，之後每個單詞的首字母大寫； myNameIs ② 或者使用匈牙利命名法： 所有字母小寫，單詞之間用_分隔 my_name_is ③ mynameis 能用，但是不規範 4、JS中的數據類型：
Undefined：未定義。已經使用var聲明的變量，但是沒有賦值 Null：表示空的引用 Boolean：布爾類型。表示真假，只有兩個值：true/flase Number：數值類型。可以是整數，也可以是小數 String：字符串類型。用 " " 或 ‘ ‘ 包裹的內容，成為字符串 Object：對象類型，後續講解... 5、【常用的數值函數】
① isNaN():判斷一個變量或常量，是否是NaN（not a num 非數值）； 使用isNaN()判斷時，會嘗試使用Number()函數進行轉換，如果最終結果能夠 轉為數字，則不是NaN，結果為false ② Number()函數：將其他類型的數據，嘗試轉為數值型； [字符串類型] >>> 字符串為純數值字符串，會轉為對應的數字； "111"->111 >>> 字符串為空字符串，會轉為0； " "->0 >>> 字符串包含任何其他字符時，都不能轉； "1a"->NaN [Boolean類型] true->1 false->0 [Null/Undefind] Null->0 Undefind->NaN [Object] *(後續講解) ③ ParseInt():將字符串轉為整數類型 >>> 純數值字符串，能轉。 "12"->12;"12.9"->12(小數轉化時，直接抹掉小數點，不進行四舍五入) >>> 空字符串，不能轉。""->NaN >>> 包含其他字符的字符串，會截取第一個非數值字符串前的數字部分 "123a456"->123, "a123b456"->NaN >>> ParseInt()只能轉字符串，轉其他類型，全是NaN [Number函數與ParseInt函數的區別] 1.Number函數可以轉各種數據類型，ParseInt函數只能轉字符串 2.兩者在轉字符串時，結果不完全相同。(詳見上面解釋) ④ ParseFloat：將字符串轉為字符型； 轉換規則與ParseInt相同，只是如果有小數，則保留小數點；如果沒有小數， 則依然是整數 12.5"->12.5; "12"->12 ⑤ typeof:檢測變量的數據類型 字符串->String true/false->Boolen 數值->Number 未定義->undefined 對象/Null->object 函數->function 三、JS中常用的輸入輸出語句
1、document.write( );將( )中的內容，打印輸出到瀏覽器屏幕上；
使用時需註意：除變量/常量外的所有內容，必須放到""中。變量和常量必須放到""外 如果同時有變量和字符串，必須用+鏈接； eg：document.write("左手中的紙牌:"+left+"<br /> 2、alert( );使用彈框輸出
彈窗警告，()中的內容與上述要求相同 3、prompt( );彈框輸入
接收兩部分參數： ① 輸入框上面的提示內容，可選； ② 輸入框裏面的默認信息，可選； 當只寫一部分時，表示輸入框上面的提示內容 可以定義變量，接收輸入的內容。點擊確定按鈕，變量將被賦值為輸入的內容； 點擊取消按鈕，變量將被賦值為null 輸入內容時，默認接收的數據類型都是字符串！！！
1、在HTML標簽中，直接內嵌JS（並不提倡使用）
<button onclick="alert(‘點你咋地‘)">點我</button> >>> 不符合w3c關於內容與行為分離的要求 2、在HTML頁面中使用<script></script>包裹JS代碼
<script type="text/javascript"> //JS代碼 </script>
<script language="JavaScript" src="js/01.js"></script> [註意事項] ① <script></script>可以嵌入到頁面的任何位置。但是，位置的不同會導致JS代碼的執行 順序不同 比如：<script></script>放到<body>前面，則JS代碼會在頁面加載之前就執行 ② 引入外部的JS代碼，<script></script>必須是成對出現的標簽。而且，標簽中不能再有
1、JS中變量聲明的寫法
var num=10;//使用var聲明的變量，屬於局部變量，只在當前作用域內有效 num=10;//不用var聲明的變量，默認為全局變量，在整個JS文件中都有效 var x=9,y,z=10;//使用一行語句同時聲明多個變量。上式中，y屬於已聲明，但是未 賦值狀態，結果為undefined [聲明變量的註意事項] ① JS中所有變量的聲明，均使用var關鍵字。變量具體是什麽數字類型，取決給變
① 變量名，只能有字母、數字、下劃線組成； ② 開頭不能是數字； ③ 變量名區分大小寫，大寫字母與小寫字母為不同變量； 3、變量名的命名規範：
① 要符合小駝峰法則（駱駝命名法）： 首字母小寫，之後每個單詞的首字母大寫； myNameIs ② 或者使用匈牙利命名法： 所有字母小寫，單詞之間用_分隔 my_name_is ③ mynameis 能用，但是不規範 4、JS中的數據類型：
Undefined：未定義。已經使用var聲明的變量，但是沒有賦值 Null：表示空的引用 Boolean：布爾類型。表示真假，只有兩個值：true/flase Number：數值類型。可以是整數，也可以是小數 String：字符串類型。用 " " 或 ‘ ‘ 包裹的內容，成為字符串 Object：對象類型，後續講解... 5、【常用的數值函數】
① isNaN():判斷一個變量或常量，是否是NaN（not a num 非數值）； 使用isNaN()判斷時，會嘗試使用Number()函數進行轉換，如果最終結果能夠 轉為數字，則不是NaN，結果為false ② Number()函數：將其他類型的數據，嘗試轉為數值型； [字符串類型] >>> 字符串為純數值字符串，會轉為對應的數字； "111"->111 >>> 字符串為空字符串，會轉為0； " "->0 >>> 字符串包含任何其他字符時，都不能轉； "1a"->NaN [Boolean類型] true->1 false->0 [Null/Undefind] Null->0 Undefind->NaN [Object] *(後續講解) ③ ParseInt():將字符串轉為整數類型 >>> 純數值字符串，能轉。 "12"->12;"12.9"->12(小數轉化時，直接抹掉小數點，不進行四舍五入) >>> 空字符串，不能轉。""->NaN >>> 包含其他字符的字符串，會截取第一個非數值字符串前的數字部分 "123a456"->123, "a123b456"->NaN >>> ParseInt()只能轉字符串，轉其他類型，全是NaN [Number函數與ParseInt函數的區別] 1.Number函數可以轉各種數據類型，ParseInt函數只能轉字符串 2.兩者在轉字符串時，結果不完全相同。(詳見上面解釋) ④ ParseFloat：將字符串轉為字符型； 轉換規則與ParseInt相同，只是如果有小數，則保留小數點；如果沒有小數， 則依然是整數 12.5"->12.5; "12"->12 ⑤ typeof:檢測變量的數據類型 字符串->String true/false->Boolen 數值->Number 未定義->undefined 對象/Null->object 函數->function 三、JS中常用的輸入輸出語句
1、document.write( );將( )中的內容，打印輸出到瀏覽器屏幕上；
使用時需註意：除變量/常量外的所有內容，必須放到""中。變量和常量必須放到""外 如果同時有變量和字符串，必須用+鏈接； eg：document.write("左手中的紙牌:"+left+"<br /> 2、alert( );使用彈框輸出
彈窗警告，()中的內容與上述要求相同 3、prompt( );彈框輸入
接收兩部分參數： ① 輸入框上面的提示內容，可選； ② 輸入框裏面的默認信息，可選； 當只寫一部分時，表示輸入框上面的提示內容 可以定義變量，接收輸入的內容。點擊確定按鈕，變量將被賦值為輸入的內容； 點擊取消按鈕，變量將被賦值為null 輸入內容時，默認接收的數據類型都是字符串！！！
JS中的變量和輸入輸出