首頁  >  文章  >  web前端  >  【JavaScript教學】JavaScript 簡介

【JavaScript教學】JavaScript 簡介

黄舟
黄舟原創
2016-12-24 14:23:54979瀏覽

JavaScript 簡介

JavaScript 是網路上最受歡迎的腳本語言,這門語言可用於 HTML 和 web,更可廣泛用於伺服器、PC、筆記型電腦、平板電腦和智慧型手機等裝置。

JavaScript 是腳本語言

JavaScript 是一種輕量級的程式語言。

JavaScript 是可插入 HTML 頁面的程式碼。

JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。

JavaScript 很容易學習。

您將學到什麼

以下是您將在本教程中學到的主要內容。

JavaScript:直接寫入 HTML 輸出流

實例

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");

您只能在 HTML 輸出中使用 document.write。如果您在文件載入後使用該方法,會覆寫整個文件。    

JavaScript:對事件的反應

實例

<button type="button" onclick="alert(&#39;欢迎!&#39;)">点我!</button>

alert() 函數在 JavaScript 中並不常用,但它對程式碼測試非常方便。


onclick 事件只是您即將在本教程中學到的眾多事件之一。

JavaScript:改變 HTML 內容

使用 JavaScript 來處理 HTML 內容是非常強大的功能。

實例

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

您會經常看到 document.getElementById("some id")。這個方法是 HTML DOM 中定義的。

DOM (Document Object Model)(文件物件模型)是用於存取 HTML 元素的正式 W3C 標準。

您將在本教學的多個章節中學到有關 HTML DOM 的知識。

JavaScript:改變 HTML 圖片

本例會動態地改變 HTML 的來源(src):

點亮燈泡

JavaScript 能夠改變任意 HTML 元素的大多數屬性,而不僅僅是圖片。

JavaScript:改變 HTML 樣式

改變 HTML 元素的樣式,屬於改變 HTML 屬性的變體。

實例

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

JavaScript:驗證輸入

JavaScript 常用於驗證使用者的輸入。

實例

if isNaN(x) {alert("不是数字")};

您知道嗎?

JavaScript 與 Java 是兩種完全不同的語言,無論在概念上或設計上。
Java(由 Sun 發明)是更複雜的程式語言。

ECMA-262 是 JavaScript 標準的官方名稱。

JavaScript 由 Brendan Eich 發明。它於 1995 年出現在 Netscape 中(該瀏覽器已停止更新),並於 1997 年被 ECMA(一個標準協會)採納。

   

 以上就是【JavaScript教學】JavaScript 簡介的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn