JavaScript 内联是如何与HTML一起工作的

在这篇文章中，你将了解内联JavaScript如何与HTML一起工作。内联JavaScript表示写在html文件中<script>标签之间的代码块。在HTML文件中使用内联JavaScript的好处是可以减少网络浏览器到服务器的往返次数。

例子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文件中，添加一个标题标签<h2>，并显示你选择的标题。
第2步- 在标题标签的下面添加一个脚本标签<script>。
第 3步-在脚本标签中，使用document.write()函数打印一个文本。

例2

在这个例子中，让我们使用内联JavaScript在html文件中打印一个数组。

<!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>