JavaScript應用的越來越廣泛,估計創始人都不會想到會有這么大的作用從今天開始寫一些關于這方面的文章主要是細節!有想學習的可以跟著學一下!
首先說明一下別人使用的開發軟件是國產的Hbuilder.當然別的工具也行,萬變不離其宗??.
(一)JavaScript代碼該寫到哪呢?
答案很簡單那都可以寫body中可以寫,body外也可以寫,head中也可以寫,當然剛才說的這幾個都是內嵌的也可以外鏈直接上代碼
(1)內嵌
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一個JavaScript程序</title>
<script type="text/javascript">
document.write("測試JS")
</script>
</head>
<body>
<script type="text/javascript">
document.write("測試JS")
</script>
</body>
<script type="text/javascript">
document.write("測試JS")
</script>
</html>
書寫js格式為
<script type="text/javascript">
document.write("測試JS")
</script>
(2)外鏈
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一個JavaScript程序</title>
<script type="text/javascript" src="JavaTest.js">
</script>
</head>
<body>
</body>
</html>
通過上面可以看出我外鏈的是JavaTest.js這個js文件那么操作方法我就可以在這里面直接寫了
function showEnter(){
alert("開始第一個JavaScript")
}
function endEnter(){
alert("結束第一個JavaScript")
}
window.onload = showEnter();
window.onbeforeunload = endEnter();
附圖兩張
屏幕快照 2018-07-18 下午1.59.32.png
(屏幕快照 2018-07-18 下午1.59.22.png)
(二)JavaScript語言基礎
1.數據類型
JavaScript中的數據類型主要包括3類。
● 簡單數據型:JavaScript中常用的3種基本數據類型是數值數據類型(Number),文本數據類型(String)和布爾數據類型(Boolean)。
● 復合數據類型:復合數據類型主要包括用來保存一組相同或不同數據類型數據的數組;用來保存一段程序,這段程序可以在JavaScript中反復被調用的函數;用來保存一組不同類型的數據和函數等的對象。
● 特殊數據類型:特殊數據類型主要包括沒有值存在的空數據類型null;沒有進行定義的無定義數據類型undefined。
(1)基本數據類型
(1)數值數據類型
數值數據類型的值就是數字,例如,3,6.9,-7等都是數值類型數據。在JavaScript中沒有整數和浮點數之分,無論什么樣的數字,都屬于數字型,其有效范圍大約在10-308~10308之間。大于10308的數值,超出了數值類型的上限,也即無窮大,用Infinity表示;小于10-308的數值,超出了數值類型的下限,也即無窮小,用可以-Infinity表示。如果JavaScript在進行數學運算時產生了錯誤或不可預知的結果,就會返回NaN(Not a Number)。NaN是一個特殊的數字,屬于數值型。
(2)字符串數據類型
字符串數據類型是由雙引號(“”)或單引號(‘’)括起來的0個或多個字符組成的序列,它可以包括大小寫字母、數字、標點符號或其他可顯示字符以及特殊字體,也可以包含漢字
在使用字符串時,應注意以下幾點。
● 作為字符串定界符的引號必須匹配:即字符串前面使用的是雙引號(”),那么在后面也必須使用雙引號(”),反之,都使用單號(’)。在用雙引號(”)作為定界符的字符串中可以直接含有單引號(’),在用單引號(’)作定界符的字符串也可以直接含有雙引號(”)。
● 空字符串中不包含任何字符,用一對引號表示,引號之間不包含任何空格。
● 引號必須是在英文輸入法狀態下輸入的。
● 通過轉義字符“\”可以在字符串中添加不可顯示的特殊字符,或者防止引號匹配混亂問題
(3)布爾型
布爾(Boolean)型的值也就是邏輯型,主要進行邏輯判斷,它只有兩個值:true和false,分別表示真和假。在JavaScript可以用0表示flase,非0整數表示true。
(2)復合數據類型
(1)數組
在JavaScript中數組主要用來保存一組相同或不同數據類型的數據,詳見數組部分。(后期補上)
(2)函數
在JavaScript中函數用來保存一段程序,這段程序可以在JavaScript中反復被調用,詳見函數部分。(后期補上)
(3)對象
在JavaScript中對象用來保存一組不同類型的數據和函數等,詳見對象部分。(后期補上)
(3)特殊數據類型
(1)無定義數據類型undefined
Undefined的意思是“未定義的”,表示沒有進行定義,通常只有執行JavaScript代碼時才會返回該值。在以下幾種情況下通常都會返回undefined。
● 在引用一個定義過但沒有賦值的變量時,會返回undefined。
● 在引用一個不存在的數組元素時,會返回undefined。
● 在引用一個不存在的對象屬性時,會返回undefined。
(2)空數據類型null
Null的中文意思是“空”,表示沒有值存在,與字符串、數值、布爾、數組、對象、函數和undefined都不同。在作比較時,null也不會與以上任何數據類型相等。
2.變量
變量,顧名思義,在程序運行過程中,其值可以改變。變量是存儲信息的單元,它對應于某個內存空間。變量用于存儲特定數據類型的數據。用變量名代表其存儲空間。程序能在變量中存儲值和取出值。可以把變量比作超市的貨架(內存),貨架上擺放著商品(變量),可以把商品從貨架上取出來(讀取),也可以把商品放入貨架(賦值)。
(1)標識符(變量名/形參)
JavaScript編寫程序時,很多地方都要求用戶給定名稱,例如,JavaScript中的變量、函數等要素定義時都要求給定名稱。可以將定義要素時使用的字符序列稱為標識符。這些標識符必須遵循如下命名規則:
1)標識符只能由字母、數字、下劃線和美元符號組成,而不能包含空格、標點符號、運算符等其他符號。
2)標識符的第一個字符不能是數字。
3)標識符不能與JavaScript中的關鍵字名稱相同,例如,if,else等。
(2)變量的聲名
JavaScript是一種弱類型的程序設計語言,變量可以不聲明直接使用。所謂聲明變量即為變量指定一個名稱。聲明變量后,就可以把它們用作存儲單元。
1)聲明變量
JavaScript中使用關鍵字”var”聲明變量,在這個關鍵字之后的字符串將代表一個變量名。其格式為:
var:標識名
var:username
var:username,password(可以一次聲明多個)
2)變量賦值
要給變量賦值,可以使用JavaScript中的賦值運算符,即等于號(=)。
var:username = "張三";
或者
var:username;
username = "李四";
JavaScript中的變量如果未初始化(賦值),默認值為undefind。
(3).變量的作用范圍
所謂變量的作用范圍是指可以訪問該變量的代碼區域。JavaScript中按變量的作用范圍分為全局變量和局部變量。
全局變量:可以在整個HTML文檔范圍中使用的變量,這種變量通常都是在函數體外定義的變量。
局部變量:只能在局部范圍內使用的變量,這種變量通常都是在函數體內定義的變量,所以只能在函數體中有效。