在現代網頁開發中，JavaScript 是不可或缺的一部分。JavaScript 可以和 HTML 配合使用，在需要的地方動態的改變網頁內容和行為。比如，在一個網頁中，當用戶點擊某個按鈕的時候，彈出一個 alert 窗口，或者改變某些元素的顏色和文字等等。而在實現這些功能的時候，需要在 HTML 文檔里面編寫 JavaScript 代碼，讓瀏覽器去解析并運行。
我們可以通過將 JavaScript 代碼嵌入在 HTML 文件中的標簽之間編寫了一段 JavaScript 代碼，其中定義了一個字符串變量 str，然后使用 console.log() 函數將其輸出到瀏覽器的開發者工具控制臺里面。
除了直接嵌入 JavaScript 代碼之外，我們還可以通過外部引用 JavaScript 文件的方式將代碼添加到網頁中。比如下面的例子展示了如何在 HTML 文件中通過引入外部 JavaScript 文件來改變某個元素的內容：
上面的代碼中，我們通過<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Change Content</title>
<script src="change.js"></script>
</head>
<body>
<p id="content">This is the original content.</p>
</body>
</html>