JavaScript 語句

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 語句標識符 (關鍵字) ：

語句	描述
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，我們一起飛！

、<!DOCTYPE html>

代表當前頁面采取的是HTML5版本來顯示網頁。

<!DOCTYPE>文檔類型聲明，作用就是告訴瀏覽器使用哪種HTML版本來顯示網頁。

2、<html lang="en">代表英文網站

用來定義當前網頁顯示的語言。

中文網站的話就變成<html lang="zh-CN">

*******HTML********

**Web服務本質**

import socket

sk = socket.socket()

sk.bind(("127.0.0.1", 8080))

sk.listen(5)

while True:

conn, addr = sk.accept()

data = conn.recv(8096)

conn.send(b"HTTP/1.1 200 OK\r\n\r\n")#http協議簡化

conn.send(b"<h1>Hello world!</h1>")#發送內容

conn.close()

sk.close()

瀏覽器發送請求-->HTTP協議-->服務器接受請求-->服務端返回響應-->服務端把HTML文件內容發送給瀏覽器-->瀏覽器渲染頁面

What HTML?

*超文本標記語言（Hypertext Markup Language，HTML）是一種用于創建網頁標記語言

*本質上是瀏覽器可識別的規則，我們按照規則寫網頁，瀏覽器根據規則渲染我們的頁面。

對于不同的瀏覽器，對于同一個標簽可能會有不同的解釋。（兼容性問題）

*網頁文件的擴展名：.html或.htm

*HTML是一種標記語言，他不是一種編程語言，HTML使用標簽來描述網頁。

****HTML文檔結構****

*最基本的HTML文檔**

<!DOCTYPE html>

<head>

</head>

<body>

</body>

</html>

#解釋

1.<!DOCTYPE html>聲明為HTML5文檔

2.<html></html>是文檔的開始標記語言和結束標記，是HTML頁面的根本元素，在他們之間是文檔的頭部(head)和主題(body)

3.<head></head>定義了HTML文檔的開頭部分。他們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元（meta）數據

4.<title></title>定義了網頁標題，在瀏覽器標題欄顯示

5.<body></body>之間的文本是可見的網頁主體內容

注意：

對于中文網頁需要使用<meta charset='utf-8'>聲明編碼。否則會出現亂碼。這些瀏覽器會設置GBK為默認編碼，則需要我們設為

****HTML標簽格式****

*HTML標簽是由尖括號包圍的關鍵字

*HTML標簽通常是成對出現的，比如：<div>和</div>，第一個標簽是開始，第二個標簽是結束。結束標簽會有斜線。

*也有一部分標簽是單獨呈現的，比如：<br/>、<hr/>、<img src="1.jpg" />等。

*標簽里面可以有若干屬性，也可以不帶屬性。

****標簽的語法

<標簽名屬性1=“屬性值1” 屬性2=“屬性值2”……>內容部分</標簽名>

<標簽名屬性1=“屬性值1” 屬性2=“屬性值2”…… />

幾個很重要的屬性：

id：定義標簽的唯一ID，HTML文檔樹中唯一

class：為html元素定義一個或多個類名（classname）(CSS樣式類名)

style：規定元素的行內樣式（CSS樣式

****HTML注釋

****<!DOCTYPE>標簽****

<!DOCTYPE> 聲明必須是HTML文檔的第一行，位于<html>標簽之前

<!DOCTYPE> 聲明不是HTML標簽，他是指示web瀏覽器關于頁面使用哪個HTML版本進行編寫的指令

****HTML常用標簽****

**head內常用的標簽**

1.<title></title> 定義網頁的標題

2.<style></style> 定義內部樣式表

3.<script><script>定義JS代碼或引入外部JS文件

4.<link/> 引入外部樣式文件

5.<meta/>定義網頁原信息

****Meta標簽

Meta標簽介紹：

meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不

同的參數值，這些不同的參數值就實現了不同的網頁功能。

1.http-equiv屬性：相當于http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示

網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。

2.names屬性：主要用于描述網頁，與之對應的屬性值為content，content中的內容主要是便于搜索引擎

機器人查找信息和分類信息用的

******body內常用表標簽******

****基本標簽（塊級標簽和內聯標簽）****

<br>

<hr>

****特殊字符****

空格------

>-------->

<--------<

&--------&

￥--------￥

版權(??)---?

注冊(??)---?

****div標簽和span標簽****

div標簽用來定義一個塊級元素，并無實際的意義。主要通過CSS樣式為其賦予不同的表現。

span標簽用來定義內聯(行內)元素，并無實際的意義。主要通過CSS樣式為其賦予不同的表現。

塊級元素與行內元素的區別：

所謂塊元素，是以另起一行開始渲染的元素，行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素，不會對頁面產生任何的影響。

這兩個元素是專門為定義CSS樣式而生的。

注意：

關于標簽嵌套：通常塊級元素可以包含內聯元素或某些塊級元素，但內聯元素不能包含塊級元素，它只能包含其它內聯元素。

p標簽不能包含塊級標簽，p標簽也不能包含p標簽。

****img標簽****

****a標簽****

超鏈接標簽

所謂的超鏈接是指從一個網頁指向一個目標的連接關系，這個目標可以是另一個網頁，

也可以是相同網頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，

甚至是一個應用程序。

什么是URL？

URL是統一資源定位器(Uniform Resource Locator)的縮寫，也被稱為網頁地址，是因特網上標準的資源的地址。

URL舉例

http://www.baidu.com/stu/index.html

http://111.13.100.91/stu/index.html

URL地址由4部分組成

第1部分：為協議：http://、ftp://等

第2部分：為站點地址：可以是域名或IP地址

第3部分：為頁面在站點中的目錄：stu

第4部分：為頁面名稱，例如 index.html

各部分之間用“/”符號隔開。

href屬性指定目標網頁地址。該地址可以有幾種類型：

1.絕對URL-指向另一個站點（不如）

2.相對URL-指向當前站點中確切的路徑（href = 'index.html'）

3.錨URL-指向頁面中的錨（href = '#top'）

target:

1._blank表示在新標簽頁中打開目標頁面

2._self表示在當前標簽頁中打開目標頁面

****列表*****

1.無序列表

</ul>

type屬性：

1.disc（實心圓點，默認值）

2.circle（空心圓圈）

3.square（實行方塊）

4.none（無樣式）

2.有序列表

</ol>

type屬性：

1.1數字列表，默認值

2.A大寫字母

3.a小寫字母

4.I大寫羅馬

5.i小寫羅馬

3.標題列表

<dl>

</dl>

****表格****

表格是一個二維數據空間，一個表格由若干行組成，一行又有若干單元格組成，單元格里面可以

包括文字。列表。圖案。表單。數字符號。預置文本和其它的表格等內容。

表格最重要的目的是顯示表格類數據。

表格類數據是值最適合組織為表格格式（即按行和列組織）的數據

表格基本結構：

<table>

<thead>

<tr>

</tr>

</theaf>

<tbody>

<tr>

</tr>

<tr>

</tr>

</tbody>

</table>

屬性：

1.border：表格邊框

2.cellpadding：內邊距

3.cellspacing：外邊距

4.width：像素百分比（最好通過css來設置長度）

5.rowspan：單元格豎跨多少行

6.colspan：單元格橫跨多少列（即合并單元格）

****form（表單）****

功能；

表單用于向服務器傳輸數據，從而實現用戶與web服務器的交互

表單能夠包含input系列標簽，比如文本字段、復選框、單選框、提交按鈕等等

表單還可以包含textarea、select、fieldest和lable標簽

***表單屬性

1.accept-charset 規定在被提交表單中使用的字符集（默認：頁面字符集）

2.action 規定在何處提交表單的地址（URL）（提交頁面）

3.autocomplete 規定瀏覽器應該自動完成表單（默認：開啟）

4.enctype 規定被提交數據的編碼（默認：url-encoded）

5.method 規定在提交表單時所用的HTTP方法（默認GET）

6.name 規定識別表單的名稱（對于DOM使用：document.forms.name）

7.novalidate規定瀏覽器不驗證表單

8.target規定action屬性中地址的目標（默認_self）

***表單元素

基本概念：

HTML表單是HTML元素中較為復雜的部分，表單往往和腳本、動態頁面、數據處理等功能相結合，因此它是制作動態網站很重要的內容。

表單一般用來收集用戶的輸入信息

表單工作原理：

訪問者在瀏覽有表單的網頁時，可填寫必需的信息，然后按某個按鈕提交。這些信息通過Internet傳送到服務器上。

服務器上專門的程序對這些數據進行處理，如果有錯誤會返回錯誤信息，并要求糾正錯誤。

當數據完整無誤后，服務器反饋一個輸入完成的信息。

******input******

<input>元素會根據不同的type屬性，變化為多種形態

type屬性值表現形式對應代碼

text單行輸入文本<input type="text" />

password密碼輸入框<input type="password" />

date日期輸入框<input type="date" />

checkbox復選框<input type="checkbox" checked="checked" />

radio單選框<input type="radio" />

submit提交按鈕<input type="submit" value="提交" />

reset重置按鈕<input type="reset" value="重置" />

button普通按鈕<input type="button" value="普通按鈕" />

hidden隱藏輸入框<input type="hidden" />

file文本選擇框<input type="file" />

屬性說明：

1.name：表單提交時的“鍵”，注意和id的區別

2.value：表單提交時對應項的值

type = “button”，“reset”，“submit”時，為按鈕上顯示的文本信息

type = “text”，“password”，“hidden“時，為輸入框的初始值

type = ”checkbox“，”radio“，”file“時，為輸相關聯的值

3.checked：radio和checkbox默認被選中的項

4.readonly：text和password設置只讀

5.disabled：所有input均適用

******select標簽******

</select>

</form>

屬性說明：

1.multiple：布爾屬性，設置后為多選，否則默認單選

2.disabled：禁用

3.selected：默認選中該項

4.value：定義提交時的選項值

******lable標簽******

定義：<lable>標簽為input元素定義標注（標記）

說明：

1.label元素不會向用戶呈現任何特殊效果

2.<lable>標簽的for屬性值應當與相關元素的id屬性值相同

<form>

</form>

******textarea多行文本******

默認內容

</textarea>

屬性說明：

1.name:名稱

2.rows:行數

3.cols:列數

4.disable:禁用

在線咨詢

上一篇：HTML跳轉到頁面指定位置的幾種方法
下一篇：HTML基礎

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JavaScript 語句

您的項目需求