JavaScript可以被放置在<body>和<head> HTML頁面的部分。
在<script>標籤
在HTML，JavaScript代碼必須之間插入<script>和</script>標記。
例
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
較早的例子可以用一個類型的屬性： <script type="text/javascript"> 。
不需要這種類型的屬性。 JavaScript是HTML中的默認腳本語言。
JavaScript函數和事件
一個JavaScript function是JavaScript代碼塊，可當“問道”執行。
例如，可以在事件發生時，當用戶點擊一個按鈕等來執行的功能。
您將了解更多有關的職能和活動在後面的章節。
在JavaScript的<head>或<body>
您可以將任意數量的腳本的HTML文檔英寸
腳本可以放置在<body>或者在<head> HTML頁面的部分，或者在兩者。
保持所有的代碼在一個地方，始終是一個好習慣。
在JavaScript的<head>
在這個例子中，JavaScript函數被放置在<head> HTML頁的一節。
該函數被調用（調用）一個按鈕被點擊時：
例
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
試一試» 在JavaScript的<body>
在這個例子中，JavaScript函數被放置在<body> HTML頁的一節。
該函數被調用（調用）一個按鈕被點擊時：
例
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
試一試» 它在底部放置腳本是一個好主意<body>元素。
這可以提高頁面加載，因為腳本編譯可減慢顯示。
外部JavaScript
腳本也可以被放置在外部文件：
myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
當同一代碼在許多不同的網頁中使用外部腳本實用。
JavaScript文件的文件擴展名為.js 。
要使用外部腳本，把腳本文件的名稱中的src（源）屬性<script>標記：
您可以將在外部腳本引用<head>或<body>只要你喜歡。
該腳本的行為就好像它位於確切位置<script>標記的位置。
外部腳本不能包含<script>標記。
外部JavaScript優勢
放置在外部文件中的JavaScript有一定的優勢：
- 它分離HTML和代碼
- 它使HTML和JavaScript更容易閱讀和維護
- 緩存的JavaScript文件可以加快頁面加載