JavaScript是一種廣泛使用的編程語言，它可以嵌入到HTML代碼中，進而改變HTML頁面的行為和動態性。本文將介紹JavaScript的嵌入方式以及如何寫入JavaScript代碼來控制頁面元素的功能。

JavaScript代碼可以被嵌入到HTML代碼中，這樣就可以使用HTML標簽來調用JavaScript代碼。下面是一個簡單的例子：

< html >
< head >
< script type="text/javascript">
function myFunction() {
alert('Hello, world!');
}
< /script >
< /head >
< body >
< button onclick="myFunction()">Click Me!< /button >
< /body >
< /html >

在這里，我們定義了一個JavaScript函數myFunction()，這個函數通過alert()方法彈出一個警告框，它包含一個字符串'Hello, world!'。當用戶點擊頁面上的Click Me!按鈕時，頁面調用myFunction()函數，彈出警告框。請注意，我們使用了onclick事件來調用這個函數。

JavaScript還可以通過外部文件的方式嵌入到HTML代碼中。這樣做有很多好處，比如避免重復粘貼代碼，使代碼更容易維護，更易于瀏覽器緩存，也更易于共享代碼。下面是一個簡單的例子，通過外部文件引入JavaScript代碼：

< html >
< head >
< script type="text/javascript" src="myScript.js"> < /script >
< /head >
< body >
< button onclick="myFunction()">Click Me!< /button >
< /body >
< /html >

在這里，我們使用了一個src屬性來指定了外部文件的位置。myScript.js是一個文本文件，它包含了我們之前定義的JavaScript函數myFunction()。請注意：myScript.js文件必須和HTML文件位于同一個服務器上。

為了充分利用JavaScript的嵌入，我們需要熟悉HTML文檔對象模型（DOM）。DOM是一種結構化的編程接口，它可以代表HTML文檔中的任何部分，比如HTML標簽、表單、圖像等等。通過JavaScript，我們可以動態地改變HTML標記的屬性、內容和樣式，并且也可以向頁面添加或刪除元素。下面是一個簡單的例子，通過DOM方法改變HTML標記的屬性：

< html >
< head >
< script type="text/javascript">
function myFunction() {
document.getElementById('myButton').style.color = 'red';
}
< /script >
< /head >
< body >
< button id="myButton" onclick="myFunction()">Click Me!< /button >
< /body >
< /html >

在這里，我們通過document.getElementById()方法獲取了按鈕元素，然后改變了它的顏色。請注意，我們使用了style屬性來改變顏色屬性。

總之，JavaScript代碼可以嵌入到HTML代碼中，這使得JavaScript成為編寫動態HTML頁面的便利性工具。我們可以在HTML標記中嵌入JavaScript代碼，也可以通過外部文件引入JavaScript代碼。額外地，熟悉DOM方法，可以對HTML文檔中的標記元素進行任何改變，從而滿足更廣泛的動態HTML應用需求。