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