JavaScript嵌入式是指將JavaScript代碼直接嵌入HTML文檔中，通常寫在標簽內部或標簽內部。相對于外部引入JavaScript文件，嵌入式的JavaScript可以更好地控制HTML文檔的內容和樣式。
舉例來說，假設我們需要在網頁上展示一個計算器，可以通過嵌入式JavaScript來實現。代碼如下：
<html>
<head>
<title>計算器</title>
<script>
function add(a, b) {
return a + b;
}
function subtract(a, b) {
return a - b;
}
function multiply(a, b) {
return a * b;
}
function divide(a, b) {
return a / b;
}
</script>
</head>
<body>
<h1>計算器</h1>
<form>
<label>請輸入第一個數:</label>
<input type="number" id="num1">
<br>
<label>請輸入第二個數:</label>
<input type="number" id="num2">
<br>
<button onclick="calculate()">計算</button>
</form>
<p id="result"></p>
<script>
function calculate() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var result = add(parseInt(num1), parseInt(num2));
document.getElementById("result").innerHTML = "結果為：" + result;
}
</script>
</body>
</html>在上述代碼中，我們定義了四個函數add、subtract、multiply和divide，可以完成加、減、乘、除四種基本計算操作。另外，我們在HTML中定義了一個表單和一個標簽，用于接收用戶輸入和展示計算結果。在計算按鈕被點擊時，我們會觸發calculate()函數，將用戶輸入的值傳遞給add()函數，計算出結果并將其展示在
標簽中。 除了在HTML中進行函數定義和事件綁定，嵌入式JavaScript還可以方便地調用DOM操作。例如，我們可以使用document對象來改變HTML元素的樣式和內容：
function changeBackground() {
document.body.style.backgroundColor = "red";
}
function changeText() {
document.getElementById("myText").innerHTML = "Hello World!";
}在上述代碼中，changeBackground()函數可以將整個頁面的背景色改為紅色，而changeText()函數可以將id為myText的元素的內容改為“Hello World!”。
但是，嵌入式JavaScript也有不足之處。首先，代碼量大的情況下，難以維護和修改。其次，JavaScript代碼嵌入在HTML中會導致HTML文件變得臃腫，頁面加載速度變慢。因此，對于需要復雜邏輯的JavaScript代碼，建議采用外部引入的方式。