JavaScript 語言
2020-08-13 20:07:32
1、JavaScript語言介紹
Javascript 語言誕生主要是完成頁面的數據驗證。因此它執行在用戶端，需要執行瀏覽器來解析執行 JavaScript 程式碼。 JS 是 Netscape 網景公司的產品，最早取名爲 LiveScript;爲了吸引更多 java 程式設計師。更名爲 JavaScript。
JS 是弱型別，Java 是強型別。
特點：
- 互動性（它可以做的就是資訊的動態互動）
- 安全性（不允許直接存取本地硬碟）
- 跨平臺性（只要是可以解釋 JS 的瀏覽器都可以執行，和平臺無關）
2、JavaScript與html語言的結合使用
方式1：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一個javascript程式碼</title>
<script type="text/javascript">
//alert是JavaScript語言提供的一個警告框函數，
//它可以接收任意型別的參數，這個參數就是警告框的提示資訊
alert("hello javascript!")
</script>
</head>
<body>
</body>
</html>
方式2：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
現在需要使用script引入外部的js檔案來執行
src 屬性專門用來引入js檔案路徑（可以是相對路徑，也可以是絕對路徑）
script標籤可以用來定義js程式碼，也可以用來引入js檔案
但是，兩個功能二選一使用。不能同時使用兩個功能
-->
<script type="text/javascript" src="02_js.js"></script>
</head>
<body>
</body>
</html>
3、JavaScript語言的變數
什麼是變數？變數是可以存放某些值的記憶體的命名。
3.1JavaScript 的變數型別：
數值型別： number
字串型別： string
物件型別： object
布爾型別： boolean
函數型別： function
3.2JavaScript 裡特殊的值：
undefined 未定義，所有 js 變數未賦於初始值的時候，預設值都是 undefined.
null 空值
NaN 全稱是：Not a Number。非數位。非數值。
3.3JS 中的定義變數格式：
var 變數名;
var 變數名 = 值;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js語言變數</title>
<script type="text/javascript">
var i;
// alert(i); //結果：undefined
i = 12;
//typeof()是JavaScript語言提供的一個函數，返回變數的數據型別
// alert(typeof (i));
// i = "abc";
// alert(typeof (i));
var a = 22;
var b = "aa";
alert(a * b); //執行結果：NaN，它是非數位、非數值型別；
</script>
</head>
<body>
</body>
</html>
4、關係運算
等於： == 等於是簡單的做字面值的比較
全等於： === 除了做字面值的比較之外，還會比較兩個變數的數據型別
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>關係運算</title>
<script type="text/javascript">
var a = 11;
var b = "11";
alert(a == b)//true
alert(a === b)//false
</script>
</head>
<body>
</body>
</html>
5、邏輯運算
且運算： &&
或運算： ||
取反運算： !
在 JavaScript 語言中，所有的變數，都可以做爲一個 boolean 型別的變數去使用。
0 、null、 undefined、」」(空串) 都認爲是 false；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>邏輯運算</title>
<script type="text/javascript">
/* 在JavaScript語言中，所有的變數，都可以做爲一個boolean型別的變數去使用。
0 、null、 undefined、""(空串) 都認爲是 false；*/
// var i = undefined;
// if (i){
// alert(i + "爲真！")
// }else{
// alert(i + "爲假！")
// }
/* && 且運算
有兩種情況：
第一種：當表達式全爲真的時候。返回最後一個表達式的值。
第二種：當表達式中，有一個爲假的時候。返回第一個爲假的表達式的值*/
var a = "abc";
var b = true;
var d = false;
var c = null
// alert(a && b); //true
// alert(a && c) //null
/* || 或運算
第一種情況：當表達式全爲假時，返回最後一個表達式的值
第二種情況：只要有一個表達式爲真。就會把回第一個爲真的表達式的值*/
alert(d || c); //null
alert(c || a); //abc
</script>
</head>
<body>
</body>
</html>