整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
JavaScript 語句向瀏覽器發出的命令。語句的作用是告訴瀏覽器該做什么。
JavaScript 語句
JavaScript 語句是發給瀏覽器的命令。
這些命令的作用是告訴瀏覽器要做的事情。
下面的 JavaScript 語句向 id="demo" 的 HTML 元素輸出文本 "你好 Dolly" ：
實例
document.getElementById("demo").innerHTML = "你好 Dolly";
嘗試一下 ?
分號 ;
分號用于分隔 JavaScript 語句。
通常我們在每條可執行的語句結尾添加分號。
使用分號的另一用處是在一行中編寫多條語句。
實例:
a = 5;
b = 6;
c = a + b;
以上實例也可以這么寫:
a = 5; b = 6; c = a + b;
嘗試一下 ?
| 您也可能看到不帶有分號的案例。 在 JavaScript 中，用分號來結束語句是可選的。 |
JavaScript 代碼
JavaScript 代碼是 JavaScript 語句的序列。
瀏覽器按照編寫順序依次執行每條語句。
本例向網頁輸出一個標題和兩個段落：
實例
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么樣?";
JavaScript 代碼塊
JavaScript 可以分批地組合起來。
代碼塊以左花括號開始，以右花括號結束。
代碼塊的作用是一并地執行語句序列。
本例向網頁輸出一個標題和兩個段落：
實例
function myFunction()
{
document.getElementById("demo").innerHTML="你好Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么樣?";
}
JavaScript 語句標識符
JavaScript 語句通常以一個 語句標識符 為開始，并執行該語句。
語句標識符是保留關鍵字不能作為變量名使用。
下表列出了 JavaScript 語句標識符 (關鍵字) ：
<table class="reference" "style="width: 100%" style="border: 0px; margin: 4px 0px; padding: 0px; width: 729px; color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; text-align: start; white-space: normal;">
| 語句 | 描述 |
|---|---|
| break | 用于跳出循環。 |
| catch | 語句塊，在 try 語句塊執行出錯時執行 catch 語句塊。 |
| continue | 跳過循環中的一個迭代。 |
| do ... while | 執行一個語句塊，在條件語句為 true 時繼續執行該語句塊。 |
| for | 在條件語句為 true 時，可以將代碼塊執行指定的次數。 |
| for ... in | 用于遍歷數組或者對象的屬性（對數組或者對象的屬性進行循環操作）。 |
| function | 定義一個函數 |
| if ... else | 用于基于不同的條件來執行不同的動作。 |
| return | 退出函數 |
| switch | 用于基于不同的條件來執行不同的動作。 |
| throw | 拋出（生成）錯誤 。 |
| try | 實現錯誤處理，與 catch 一同使用。 |
| var | 聲明一個變量。 |
| while | 當條件語句為 true 時，執行語句塊。 |
JavaScript 對大小寫敏感。
JavaScript 對大小寫是敏感的。
當編寫 JavaScript 語句時，請留意是否關閉大小寫切換鍵。
函數 getElementById 與 getElementbyID 是不同的。
同樣，變量 myVariable 與 MyVariable 也是不同的。
空格
JavaScript 會忽略多余的空格。您可以向腳本添加空格，來提高其可讀性。下面的兩行代碼是等效的：
var person="Hege";
var person = "Hege";
對代碼行進行折行
您可以在文本字符串中使用反斜杠對代碼行進行換行。下面的例子會正確地顯示：
document.write("你好 \
世界!");
不過，您不能像這樣折行：
document.write \
("你好世界!");
您知道嗎？
提示：JavaScript 是腳本語言。瀏覽器會在讀取代碼時，逐行地執行腳本代碼。而對于傳統編程來說，會在執行前對所有代碼進行編譯。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
avaScript 語句向瀏覽器發出的命令。語句的作用是告訴瀏覽器該做什么。
JavaScript 語句是發給瀏覽器的命令。
這些命令的作用是告訴瀏覽器要做的事情。
下面的 JavaScript 語句向 id="q" 的 HTML 元素輸出文本 "你好 77!" ：
代碼練習：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 語句</title>
</head>
<body>
<p id="q">JavaScript 語句</p>
<script>
document.getElementById("q").innerHTML = "你好 77!";
</script>
</body>
</html>運行結果：
分號用于分隔 JavaScript 語句。
通常我們在每條可執行的語句結尾添加分號。
使用分號的另一用處是在一行中編寫多條語句。
代碼練習：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分號 ;</title>
</head>
<body>
<p id="q"></p>
<p id="w"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("q").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("w").innerHTML = z;
</script>
</body>
</html>運行結果：
ps:在 JavaScript 中，用分號來結束語句是可選的。
JavaScript 代碼是 JavaScript 語句的序列。
瀏覽器按照編寫順序依次執行每條語句。
代碼練習：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 代碼</title>
</head>
<body>
<p id="q">一個段落。</p>
<div id="w">一個 DIV。</div>
<script>
document.getElementById("q").innerHTML="你好 77!";
document.getElementById("w").innerHTML="你最近怎么樣?";
</script>
</body>
</html>運行結果：
JavaScript 可以分批地組合起來。
代碼塊以左花括號開始，以右花括號結束。
代碼塊的作用是一并地執行語句序列。
代碼練習：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript 代碼塊</title>
</head>
<body>
<p id="q">我是一個段落。</p>
<div id="w">我是一個div。</div>
<p>
<button type="button" onclick="myFunction()">點擊這里</button>
</p>
<script>
function myFunction(){
document.getElementById("q").innerHTML="你好世界！";
document.getElementById("w").innerHTML="你最近怎么樣?";
}
</script>
<p>當您點擊上面的按鈕時，兩個元素會改變。</p>
</body>
</html>運行結果：運行前：
運行后：
JavaScript 語句通常以一個 語句標識符 為開始，并執行該語句。
語句標識符是保留關鍵字不能作為變量名使用。
下表列出了 JavaScript 語句標識符 (關鍵字) ：
JavaScript 會忽略多余的空格。您可以向腳本添加空格，來提高其可讀性。
您可以在文本字符串中使用反斜杠對代碼行進行換行。
代碼練習：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>對代碼行進行折行</title>
</head>
<body>
<script>
document.write("你好 \
世界!");
</script>
</body>
</html>運行結果：
不過，不可以像這樣折行，會報錯：
document.write \
("你好世界!");ps:JavaScript 是腳本語言，瀏覽器會在讀取代碼時，逐行地執行腳本代碼。而對于傳統編程來說，會在執行前對所有代碼進行編譯。
TML 基礎
非常簡單的HTML文檔
HTML 標題
HTML 段落
HTML 鏈接
HTML 圖片
實例解析
HTML 標題
HTML 標題
在html源碼中插入注釋
插入水平線
實例解析
HTML 段落
HTML 段落
更多段落
本例演示在 HTML 文檔中折行的使用。
HTML 格式化的某些問題。
實例解析
HTML 文本格式化
文本格式化
此例演示如何使用 pre 標簽對空行和空格進行控制。
此例演示不同的"計算機輸出"標簽的顯示效果。
此例演示如何在 HTML 文件中寫地址。
此例演示如何實現縮寫或首字母縮寫。
此例演示如何改變文字的方向。
此例演示如何實現長短不一的引用語。
文本下劃線與刪除線
實例解析
HTML 樣式
HTML Style 元素
背景色樣式
字體樣式，顏色，大小
文本對齊樣式
設置文本字體
設置文本字體大小
設置文本字體顏色
設置文本字體，字體大小，字體顏色
HTML使用不同樣式
沒有下劃線的鏈接
鏈接到一個外部樣式表
實例解析
HTML 鏈接
創建超級鏈接
將圖像作為鏈接
在新的瀏覽器窗口打開鏈接
鏈接到同一個頁面的不同位置
跳出框架
創建電子郵件鏈接
創建電子郵件鏈接 2
實例解析
HTML 圖像
插入圖像
從不同的位置插入圖片
排列圖片
本例演示如何使圖片浮動至段落的左邊或右邊。
制作圖像鏈接
創建圖像映射
實例解析
HTML 表格
簡單的表格
沒有邊框的表格
表格中的表頭
帶有標題的表格
跨行或跨列的表格單元格
表格內的標簽
單元格邊距(Cell padding)
單元格間距(Cell spacing)
實例解析
HTML 列表
無序列表
有序列表
不同類型的有序列表
不同類型的無序列表
嵌套列表
嵌套列表 2
定義列表
實例解析
HTML Forms 和 Input
創建文本域(Text fields)
創建密碼域
復選框
單選按鈕
簡單的下拉列表
預選下拉列表
本例演示如何創建一個文本域（多行文本輸入控件）。
創建一個按鈕
本例演示如何在數據周圍繪制一個帶標題的框。
帶有文本域與輸入域的表單
帶有復選框與提交按鈕的form表單
帶有單選框與提交按鈕的表單
發送郵件表單
實例解析
HTML iframe
內聯框架 (HTML頁面中插入框架)
實例解析
HTML 頭部元素
描述了文檔標題
HTML頁面中默認的URL鏈接
提供文檔元數據
實例解析
HTML 腳本
插入一個腳本
使用 <noscript> 標簽
實例解析
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
