標籤：doctype 數字 cli tle fine script 實值型別 字串類型 沒有
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript簡介</title>
<!--
[email protected]
時間：2017-03-28
描述：使用JS的三種方式：
1.html標籤中內嵌js
<button onclick="javascript:alert(‘你真點我啊‘)">click me</button>
2.HTML5頁面中直接使用JS：
<script type="text/javascript">
JS代碼
</script>
3.引用外部JS檔案：
<script language="javascript" src="js檔案路徑"></script>
<button onclick="javascript:alert(‘你真點我啊‘)">click me</button>
注意：1.頁面中JS與引用JS代碼可以嵌入到HTML頁面的任何位置，但是位置不同會影響到JS代碼的執行順序：
例如：<script>在body前面，會在頁面載入之前執行JS代碼；
2.頁面中JS代碼。使用type="text/javascript"
引用外部JS檔案，使用language="javascript"
3.引用外部js檔案的<script></script>標籤必須成對出現，且標籤內不許有任何代碼
-->
<script type="text/javascript">
//js中的注釋
//單行注釋
/*
* 段落注釋
*/
/*JS中的標變數
* 1.js中變數的寫法：
* var width=10;
* width=11;
* 使用var聲明的變數只在當前函數範圍有效
* 不使用var，直接賦值產生的變數預設為全域變數，整個JS檔案有效
* 注意：
* 1.js中所有變數型別宣告均使用var關鍵字。變數的具體資料類型取決於給變數賦值的類型。
* 2.變數同一變數可以在多次不同賦值時修改變數的賦實值型別。
* 例如：var width=11
* width="hha"
* width被改為字串類型
* var a,b,c=11;
* 同一語句同時聲明多個變數，變數之間用英文逗號分隔。但，賦值需要單獨賦，例如上式中，只有C賦值為1，ab為undefined。
* 3.變數可以使用var聲明，也可以省略var。
* 4.同一變數名可以多次用var聲明。但沒有任何意義。第二次之後的聲明，只會被理解為賦值。
*
* 2.js變數的命名規範
* 變數名，只能用字母、數字、底線組成
* 開頭不能是數字
* 變數區分大小寫，大寫字母和小寫字母為不同變數
*
* 3.變數名命名要遵循駝峰法則：
* 變數開頭為小寫，之後每個單字首大寫
*
* 4.js中的變數的資料類型
* Undefined：未定義，用var聲明的變數，沒有進行初始化賦值；
* Null：代表空的引用；
* Boolean：真假，可選值有ture、false；
* Number：數實值型別。可以是小數，也可以是正數；
* String：字串類型。用""或‘‘包裹的內容，成為字串；
* Object（複雜資料類型）：函數、數組等
*
* 5.常用的數值函數
* isNaN：用於判斷一個變數或常量是否為NaN（非數值）
* 使用isNaN判斷時會嘗試使用Number（）函數進行轉換，如果能轉換成數字，則不是非數值，結果為false
* 特殊："111"純數字字串，結果為false
* ""Null 字元串，結果為false
* "1a"包含非數字字元，結果為ture
* ture/false布爾字元，結果為false
* Number：將其他類型轉化為數實值型別
* 【字串類型轉數值】
* 1.字串為純數字字串，會轉為對應數字,如："111"->111
* 2.字串為空白字串，會轉為0：""->0
* 3.字串包括其他非數字字元時，不能轉換"111a"->NaN
* 【布爾Boolean類型轉數值】
* ture->1 false->0
* 【null/Undefined轉數值】
* null->0 Undefined->NaN
* 【object類型轉數值】
* 先調用Valueof函數，確定函數是否有傳回值，再根據上述情況判斷。
* 【parseInt將字串轉為數實值型別】:Null 字元串,不能轉,結果為NaN 純數值字串可以轉,但是會把小數點後面的抹掉.
*包含其他字元的字串。會截取第一個非數值字元前的數值部分，如："123a456"->123 "a123b456"->NaN
* parseInt只能轉String類型，Boolean/null/Undefined 均為NaN
* 【parseFloat將字串轉化為數值】
* 使用方式如parseInt，但轉化小數字串時，保留小數部分。
* 【typeof用來檢測VARIANT 資料型別】
* 未定義->Undefined 字串->string TURE/FALSE->Boolean 數值->Number 對象/null->object 函數->function
*/
/*JS中的輸入和輸出語句
*彈窗輸出alert
*彈窗輸入 prompt("請輸入您的名字：","薑浩");
* 兩部分參數：輸入框上面的提示資訊，可選
* 輸入框裡面的預設資訊，可選
* 兩部分之間用逗號分隔，唯寫一部分時，預設為提示資訊；
* 預設接受輸入的內容，為字串string模式；
*/
var width=10;
alert(width);
document.write("<h1>haha</h1>");
var name=prompt("請輸入您的名字：","薑浩");
document.write("您的名字是："+name);
</script>
</head>
<body>
<button onclick="javascript:alert(‘你真點我啊‘)">click me</button>
</body>
</html>
js技術1-js簡介和變數
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
