JavaScript三種方式
JavaScript是一種腳本語言，可以在網頁中實現交互效果。JavaScript有三種使用方式，包括內嵌式、外部式和寫成文件式。這篇文章將為你詳細介紹這三種方式的使用方法，并提供相應的代碼示例。
內嵌式
內嵌式是在HTML文件中寫JavaScript代碼。這種方式的好處是某些情況下可以方便快捷地調用JavaScript。以下是內嵌式的示例代碼：
<!DOCTYPE html>
<html>
<head>
<title>內嵌式</title>
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
</html>在這個示例中，我們使用了一個script標簽來寫JavaScript代碼，并將其放在HTML文件的body部分。這個JavaScript代碼的作用是，通過getElementById方法找到id為demo的元素，并更改該元素的內容為“Hello JavaScript!”。
外部式
外部式是把JavaScript代碼放在一個外部文件中，然后在HTML文件的header部分通過script標簽來調用。這種方式的好處是能夠單獨調用JavaScript文件，方便管理和維護。以下是外部式的示例代碼：
<!DOCTYPE html> <html> <head> <title>外部式</title> <script src="demo.js"></script> </head> <body> <p id="demo"></p> </body> </html>
在這個示例中，我們引用了一個名為demo.js的JavaScript文件，并將其放在HTML文件的header部分。這個JavaScript文件的作用與內嵌式的示例相同，是通過getElementById方法找到id為demo的元素，并更改該元素的內容為“Hello JavaScript!”。
寫成文件式
寫成文件式是把JavaScript代碼寫成一個單獨的文件，然后通過特定的工具將其轉換為HTML文件。這種方式的好處是在不支持JavaScript的瀏覽器中，可以正常訪問網站，并且可以讓代碼文件更簡潔。以下是寫成文件式的示例代碼：
//JavaScript文件
function changeText() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
//HTML文件
<!DOCTYPE html>
<html>
<head>
<title>寫成文件式</title>
</head>
<body>
<p id="demo"></p>
<script src="demo.js"></script>
<script>
changeText();
</script>
</body>
</html>在這個示例中，我們定義了一個名為changeText的函數，并將其寫在一個單獨的JavaScript文件中。然后，我們在HTML文件中引用這個JavaScript文件，并在script標簽中調用這個函數，在id為demo的元素中更改內容為“Hello JavaScript!”。
總結
JavaScript有三種使用方式，包括內嵌式、外部式和寫成文件式。內嵌式是在HTML文件中寫JavaScript代碼，外部式是把JavaScript代碼放在一個外部文件中，然后在HTML文件中調用，寫成文件式是把JavaScript代碼寫成一個單獨的文件并通過特定的工具轉換為HTML文件。每種方式都有其獨特的優點和使用場景，開發人員可以根據需要靈活選擇。