Java Script 第一章.
阿新 • • 發佈:2019-04-11
confirm 存在 多維 style expr alt 沒有 條件語句 lang
什麽是Java script?
- JavaScript是一種基於對象的腳本語言,用於開發基於客戶端和基於服務器的Internet應用程序
- JavaScript是一種腳本語言(腳本語言是一種輕量級的編程語言)。
- JavaScript被設計用來向HTML頁面添加交互行為。
- JavaScript 由數行可執行計算機代碼組成。
- JavaScript 通常被直接嵌入HTML頁面。
- JavaScript 是一種解釋性語言(就是不用編譯,直接運行)。
- 可用於創建客戶端腳本和服務器端腳本。
- 由Sun Microsystems 和 Netscaoe 開發,是從Netscapes 的Livescript 發展而來的。
- 所有人無需購買許可證均可使用JavaScript。
JavaScript 的作用
- 對事件做出反應
- 改變 Html 裏面的內容
- 改變 Html 圖像
- 改變 Html 樣式
- 驗證輸出
- 直接在 script 輸出
JavaScript 的語法(與其他語言一樣,也需要遵循一些基本的語法)
- 區分大小寫
- 使用成對的符號
- 使用空格
- 使用註釋
JavaScript 工具和運行環境
JavaScript 代碼生成工具和IDE 有助於創建強大的JavaScript 代碼。
以下其中的一些工具:
-
- 對話框
- 彈出菜單生成框
- 遠控控件
運行時環境:
-
- 客戶端腳本編寫
- Web 服務器上的JavaScript
JavaScript 作為客戶端程序嵌入網頁
-
- 使用Script標記
- 使用外部文件
- 在事件處理程序中使用JavaScript
個例在下面:↓ ↓ ↓ ↓
使用Script示例
1 <html> 2 <head> 3 <script> 4 document.write("歡迎使用JavaScript"); 5 </script> 6 </head> 7 <body> 8 <p>祝你學有所成</p> 9 </body> 10 </html>
使用外部文件示例
1 <html>
2 <head>
3 <script src="text.js"></script>
4 </head>
5 <body>
6 <p>祝學有所成!!</p>
7 </body>
8 </html>
在事件處理程序中使用JavaScript示例
1 <html>
2 <head>
3 <title>JavaScript示例<title>
4 </head>
5 <body>
6 <from>
7 <input type="button" value="你好"
8 onClick=‘alert("你好");‘>
9
10 </from>
11 </body>
12 </html>
使用alert / Confirm / Write 方法
- 使用窗口的alert 方法,可以生成一個對話框
- 使用窗口的Confirm方法,可以生成一個確定對話框
- 使用document 的 Write 方法可以創建頁面內容
下面示例:
1 <html>
2 <head>
3 <script>
4 document.write("歡迎使用JavaScript");
5 alert("你是最棒的!");
6 if(confirm("是否要關閉當前頁面?")){
7 window.close(); //關閉一個tab頁
8 }
9 </script>
10 </head>
11 <body>
12 <p>祝你學有所成</p>
13 </body>
14 </html>
變量
變量是一種引用內存位置的容器,用於保存在執行腳本時可以更改的值
變量的命令約定:
-
- 變量名必須以字母或下劃線 (_) 開頭
- 變量名可以包含數字
- 由於JavaScript區分大小寫,所以可用的字母包括A到Z(大寫)和a到z(小寫)的字符
下面示例:
1 var new_amount; 2 var answer = null; 3 var old_cost = 12.50; 4 var result ="Unknown result"; 5 var a, b, c; 6 result = true;
變量作用域:
數據類型:
在JavaScript中有四種基本的數據類型
基本類型屬於弱類型
運算符:
-
-
算術運算符
-
比較運算符
-
邏輯運算符
-
字符串運算符
-
求值運算符
-
運算符就不舉例子了(很基礎的東西)。.
數組:
- 數組用於存儲具有相同數據類型的一組值,使用下標(索引)來區分各個值
- 在JavaScript中,數組的下標以零開始。
- JavaScript沒有明確的數組數據類型,但卻有內置的數組對象。要在程序中使用數組,必須使用數組對象及其相關聯的方法
下面示例java數組的創建和賦值:
1 <html><head> 2 <script language="JavaScript"> 3 <!-- 4 emp = new Array(3); 5 emp[0] = "Ryan Dias"; 6 emp[1] = "Graham Browne"; 7 emp[2] = "David Greene"; 8 document.writeln(emp[0]); 9 document.writeln(emp[1]); 10 document.writeln(emp[2]); 11 //--> 12 </script> 13 </head></html>
多維數組:
1 <HTML> 2 <HEAD><SCRIPT LANGUAGE = "JavaScript"> 3 <!-- 4 MyArray = new Array(5,5); 5 MyArray[0, 0] = "Ryan Dias"; 6 MyArray[0, 1] = 1; 7 MyArray[1, 0] = "Mike Donne"; 8 MyArray[1, 1] = 2; 9 MyArray[2, 0] = "Joe Dean"; 10 MyArray[2, 1] = 3; 11 MyArray[3, 0] = "Robert Matey"; 12 MyArray[3, 1] = 4; 13 document.write ("姓名是" + MyArray[3, 0]); 14 document.write("編號是" + MyArray[3,1]); 15 --> 16 </SCRIPT> 17 </HEAD> 18 </HTML>
數組的對象元素和方法:
- length屬性
- sort方法
- join方法
- reverse方法
示例:
1 <html> 2 <head> 3 <script language="JavaScript"> 4 <!-- 5 emp = new Array(3); 6 emp[0] = "Ryan Dias"; 7 emp[1] = "Graham Browne"; 8 emp[2] = "David Greene"; 9 emp.sort(); 10 document.writelen(emp.length); 11 document.writeln(emp[0]); 12 document.writeln(emp[1]); 13 document.writeln(emp[2]); 14 //--> 15 </script> 16 </head> 17 </html>
條件語句:
if …else語句
1 if (condition) 2 { statements; } 3 else 4 { statements2; }
switch語句:
switch (expression){ case value1: statements; break; case value2: statements; break; ... default :statements; }
循環語句:
- for
- do ..while
- while
- break
- continue
創建方法:
function funcName(argument1,argument2,etc) {statements; }
調用即方法名就可以
總結
- JavaScript是一種腳本語言,使用它可以創建客戶端腳本和服務器端腳本。
- 可以使用不同的方法將JavaScript語句插入到HTML文檔中。
- JavaScript支持的基本數據類型有數字型、邏輯型或布爾型 、字符串型 和空型
- JavaScript支持的運算符包括:算術運算符、比較運算符、邏輯運算符、字符串運算符和求值運算符。
- 數組用於存儲具有相同數據類型的一組值變量
- 條件語句包括:if ...else和分支語句switch。
- 循環語句包括for循環、do…while、while、break & continue語句。
- JavaScript具有一些預定義函數,也可以創建自定義函數
Java Script 第一章.