內嵌JavaScript如何與HTML一起運作？-html教學-PHP中文網

內嵌JavaScript如何與HTML一起運作？

PHPz

發布： 2023-09-01 14:33:06

轉載

511 人瀏覽過

內嵌JavaScript如何與HTML一起運作？

在本文中，您將了解內嵌 JavaScript 如何與 HTML 搭配使用。內嵌 JavaScript 表示在 html 檔案中的 <script> 標籤之間編寫的程式碼區塊。在 HTML 檔案中使用內聯 JavaScript 的優點是減少 Web 瀏覽器到伺服器的往返。 </script>

範例 1

讓我們了解如何使用內嵌 JavaScript 在 html 檔案中新增基本語句 -

<!DOCTYPE html >
<html>
<head>
   <h2> This is a simple HTML file</h2>
   <script>
      document.write("Hi, This is an inline Javascript code written in between script tags");
   </script>
</head>
</html>

登入後複製

說明

第 1 步 - 在一個簡單的 html 檔案中，新增標題標籤
並顯示您選擇的標題。
步驟 2 - 在標題標籤下方新增腳本標籤 <script>。 </p></li> <li><p><b>步驟 3</b> -在 script 標籤中，使用 document.write() 函數列印文字。 </p></li> </ul> <h2>範例 2</h2> <p>在此範例中，讓我們使用內聯 JavaScript 列印 html 檔案中的陣列。 </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'><!DOCTYPE html > <html> <head> <h2> This is a simple HTML file</h2> <script> document.write("An Inline Javascript code to display an array") document.write("<br>") const inputArray = [3,4,5,6,7,8] document.write("The array is defined as :", inputArray) </script> </head> </html></pre><div class="contentsignin">登入後複製</div></div> <h2>說明</h2> <ul class="list"> <li> <p><b>第 1 步</b> - 在一個簡單的 html 檔案中，新增標題標籤 </p> <h2> 並顯示您選擇的標題。 </h2> </li> <li><p><b>步驟 2</b> - 在標題標籤下方新增腳本標籤 <script>。 </script>
步驟3 -在腳本標籤中，定義一個數組，即inputArray，並在該數組中添加數值。
第 4 步 - 使用 document.write() 函數列印陣列。

以上是內嵌JavaScript如何與HTML一起運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！