1. 程式人生 > >10-11 JavaScript學習第一天

10-11 JavaScript學習第一天

(一)完成字型樣式的更改

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		
		div{
			margin-left: 100px;
			float: left;
		}
	</style>
</head>
<body>
	<div>
		選擇字型
		<select id="a" onchange="zt()" >
			<option value="14px" >
14px</option> <option value="16px" >16px </option> <option value="18px" >18px </option> </select> <h3 id="wz" >改變文字外觀</h3> </div> <div> 選擇顏色 <select id="b" onchange="ys()" > <option value="red" > red</option>
<option value="blue" >blue </option> <option value="green" >green </option> </select> </div> </body> <script type="text/javascript"> function zt() { var i = document.getElementById("a").value; document.getElementById("wz").style.fontSize =
i; } function ys() { var a = document.getElementById("b").value; document.getElementById("wz").style.color = a; }
</script> </html>

在這裡插入圖片描述

(二)問答題

1 Javascript的發展史

(1) Nombas 和 ScriptEase

大概在 1992 年,一家稱作 Nombas 的公司開發了一種叫做 C 減減(C-minus-minus,簡稱 Cmm)的嵌入式指令碼語言。Cmm 背後的理念很簡單:一個足夠強大可以替代巨集操作(macro)的指令碼語言,同時保持與 C (和 C ++)足夠的相似性,以便開發人員能很快學會。這個指令碼語言捆綁在一個叫做 CEnvi 的共享軟體中,它首次向開發人員展示了這種語言的威力。 Nombas 最終把 Cmm 的名字改成了 ScriptEase,原因是後面的部分(mm)聽起來過於消極,同時字母 C “令人害怕”。 現在 ScriptEase 已經成為了 Nombas 產品背後的主要驅動力.

(2) Netscape 發明了 JavaScript

當 Netscape Navigator 嶄露頭角時,Nombas 開發了一個可以嵌入網頁中的 CEnvi 的版本。這些早期的試驗被稱為 Espresso Page(濃咖啡般的頁面),它們代表了第一個在全球資訊網上使用的客戶端語言。而 Nombas 絲毫沒有料到它的理念將會成為全球資訊網的一塊重要基石。 當網上衝浪越來越流行時,對於開發客戶端指令碼的需求也逐漸增大。此時,大部分因特網使用者還僅僅通過 28.8 kbit/s 的調變解調器連線到網路,即便這時網頁已經不斷地變得更大和更復雜。而更加加劇使用者痛苦的是,僅僅為了簡單的表單有效性驗證,就要與伺服器進行多次地往返互動。設想一下,使用者填完一個表單,點選提交按鈕,等待了 30 秒的處理後,看到的卻是一條告訴你忘記填寫一個必要的欄位。 那時正處於技術革新最前沿的 Netscape,開始認真考慮開發一種客戶端指令碼語言來解決簡單的處理問題。 當時工作於 Netscape 的 Brendan Eich,開始著手為即將在 1995 年發行的 Netscape Navigator 2.0 開發一個稱之為 LiveScript 的指令碼語言,當時的目的是在瀏覽器和伺服器(本來要叫它 LiveWire)端使用它。Netscape 與 Sun 及時完成 LiveScript 實現。 就在 Netscape Navigator 2.0 即將正式釋出前,Netscape 將其更名為 JavaScript,目的是為了利用 Java 這個因特網時髦詞彙。Netscape 的賭注最終得到回報,JavaScript 從此變成了因特網的必備元件。

(3)三足鼎立

因為 JavaScript 1.0 如此成功,Netscape 在 Netscape Navigator 3.0 中釋出了 1.1 版。恰巧那個時候,微軟決定進軍瀏覽器,釋出了 IE 3.0 並搭載了一個 JavaScript 的克隆版,叫做 JScript(這樣命名是為了避免與 Netscape 潛在的許可糾紛)。微軟步入 Web 瀏覽器領域的這重要一步雖然令其聲名狼藉,但也成為 JavaScript 語言發展過程中的重要一步。 在微軟進入後,有 3 種不同的 JavaScript 版本同時存在:Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。與 C 和其他程式語言不同的是,JavaScript 並沒有一個標準來統一其語法或特性,而這 3 種不同的版本恰恰突出了這個問題。隨著業界擔心的增加,這個語言的標準化顯然已經勢在必行。

(4)標準化

1997 年,JavaScript 1.1 作為一個草案提交給歐洲計算機制造商協會(ECMA)。第 39 技術委員會(TC39)被委派來“標準化一個通用、跨平臺、中立於廠商的指令碼語言的語法和語義”(http://www.ecma-international.org/memento/TC39.htm)。由來自 Netscape、Sun、微軟、Borland 和其他一些對指令碼程式設計感興趣的公司的程式設計師組成的 TC39 錘鍊出了 ECMA-262,該標準定義了名為 ECMAScript 的全新指令碼語言。 在接下來的幾年裡,國際標準化組織及國際電工委員會(ISO/IEC)也採納 ECMAScript 作為標準(ISO/IEC-16262)。從此,Web 瀏覽器就開始努力(雖然有著不同的程度的成功和失敗)將 ECMAScript 作為 JavaScript 實現的基礎。

2 Javascript與Java的區別

JavaScript 是一種嵌入式指令碼檔案,直接插入網頁,有瀏覽器一邊解釋一邊執行。 java 語言不一樣,他必須在JAVA虛擬機器上執行。而且事先需要進行編譯。 JAVA的語法規則比JavaScript要嚴格的多,功能要強大的多。

3 Javascript 的程式碼格式規範有哪些?

(1)JavaScript的格式

JavaScript區分大小寫; JavaScript指令碼程式須嵌入在HTML檔案中; JavaScript指令碼程式中不能包含HTML標記程式碼;(雙引號) 每行寫一條指令碼語句; 語句末尾可以加分號; JavaScript指令碼程式可以獨立儲存為一個外部檔案,但其中不能包含標籤。

(2)JavaScript的編寫規範

類名規則:一個或多個單詞構成,每個單詞的首字母大寫,其餘字母小寫,單詞之間直接相連,沒有其他符號。正確的:testVar 錯誤的:TestVar、test_Var、test_var等 公共方法 :一個或多個單詞構成,第一個單詞的所有字母均小寫,其餘每個單詞的首字母大寫,其餘字母小寫,單詞之間直接相連,沒有其他符號。 說明: 例子: 正確的:testMethod(), getHtml(), getXml() 錯誤的:TestMethod()、test_Method()、test_method()、getHTML()、getXML()等 全域性變數 :以“g_”開頭,而後由一個或多個單詞構成,第一個單詞的所有字母均小寫,其餘每個單詞的首字母大寫,其餘字母小寫,單詞之間直接相連,沒有其他符號。 這裡,第一個單詞前,可使用一個縮寫短語表示全域性變數的型別,如果使用了型別縮寫短語,那麼其餘所有單詞的首字母均大寫,其餘字母小寫。 這裡的變數型別縮寫包括: n 表示某種節點(如XML節點、HTML節點等),如nText等 i 表示整數的列舉形式,如nValue等 lst list型別 s string型別 d Date型別 f 有小數點的數字 b 布林型別 正確的:testVar 錯誤的:TestVar、test_Var、test_var等

(3)JavaScript指令碼程式的幾種基本格式
<script>document.write("Hello World!!!");</script>
<script language="JavaScript">document.write("Hello World!!!");</script>
<script language="JavaScript" type="text/JavaScript">document.write("Hello World!!!");</script>
<script language="JavaScript1.2">document.write("Hello World!!!");</script>
<script src="hello.js"></script>
注意:document.write("Hello World!!!"); 必須儲存為一個外部檔案:hello.js 
<script language="JavaScript"><!--document.write("Hello World!!!");--></script>

(三)今天學習總結

JavaScript的格式規範比css和html的規範要嚴謹。