這篇文章主要介紹了JavaScript與HTML結合的基本使用方法整理,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下

JavaScript：寫入 HTML 輸出

實例
 

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

提示：您只能在 HTML 輸出中使用 document.write。如果您在文檔加載后使用該方法，會覆蓋整個文檔。

JavaScript：對事件作出反應

實例

1. <button type="button" onclick="alert('Welcome!')">點擊這里</button> 

alert() 函數在 JavaScript 中并不常用，但它對于代碼測試非常方便。

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

JavaScript：改變 HTML 內容

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

實例

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

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

DOM(文檔對象模型)是用以訪問 HTML 元素的正式 W3C 標準。

JavaScript：改變 HTML 樣式

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

實例

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

JavaScript：驗證輸入

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

實例

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

HTML 中的腳本必須位于 標簽之間。

腳本可被放置在 HTML 頁面的

會告訴 JavaScript 在何處開始和結束。

之間的代碼行包含了 JavaScript：
 

1. <script> 
2. alert("My First JavaScript"); 
3. </script> 

那些老舊的實例可能會在您無需理解上面的代碼。只需明白，瀏覽器會解釋并執行位于 之間的 JavaScript。