JavaScript（1）開篇

JavaScript 簡介

JavaScript：寫入 HTML 輸出

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

提示：您只能在 HTML 輸出<script></script>中使用 document.write。如果您在文檔加載後使用該方法，會覆蓋整個文檔。
也可以把腳本保存到外部文件中。外部文件通常包含被多個網頁使用的代碼。外部 JavaScript 文件的文件擴展名是 .js。
如需使用外部文件，在 <script> 標籤的 "src" 屬性中設置該 .js 文件：<script src="javascript.js"></script>
如果外部文件中的中文在網頁中顯示是亂碼，那麼：<script src="javascript.js" charset="UTF-8"></script>

如果在文檔已完成加載後執行 document.write，整個 HTML 頁面將被覆蓋：

<button οnclick="myFunction()">點擊這裏</button>

<script>
function myFunction()
{
document.write("糟糕！文檔消失了。");
}
</script>

JavaScript：對事件作出反應

<button type="button" οnclick="alert('Welcome!')">點擊這裏</button>

alert() 函數在 JavaScript 中並不常用，但它對於代碼測試非常方便。
onclick 事件只是您即將在本教程中學到的衆多事件之一。

JavaScript：改變 HTML 內容

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

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

經常會看到 document.getElementByID("some id")。這個方法是 HTML DOM 中定義的。
DOM（文檔對象模型）是用以訪問 HTML 元素的正式 W3C 標準。

JavaScript：改變 HTML 圖像

可以動態地改變 HTML <image> 的來源 (src)：
JavaScript 能夠改變任意 HTML 元素的大多數屬性，而不僅僅是圖片。

JavaScript：改變 HTML 樣式

改變 HTML 元素的樣式，屬於改變 HTML 屬性的變種。

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

JavaScript：驗證輸入

JavaScript 常用於驗證用戶的輸入。

if isNaN(x) {alert("Not Numeric")};

分號 ;

分號用於分隔 JavaScript 語句。通常在每條可執行的語句結尾添加分號。使用分號的另一用處是在一行中編寫多條語句。
提示：也可能有不帶分號的案例。在 JavaScript 中，用分號來結束語句是可選的。

JavaScript 代碼

JavaScript 代碼（或者只有 JavaScript）是 JavaScript 語句的序列。瀏覽器會按照編寫順序來執行每條語句。

JavaScript 對大小寫敏感。

JavaScript 是腳本語言。瀏覽器會在讀取代碼時，逐行地執行腳本代碼。而對於傳統編程來說，會在執行前對所有代碼進行編譯。