数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML 中的内联 JavaScript 如何工作？
在本文中，您将了解内联 JavaScript 如何与 HTML 一起工作。内联 JavaScript 表示在 html 文件中的 <script> 标签之间编写的代码块。在 HTML 文件中使用内联 JavaScript 的优点是减少 Web 浏览器到服务器的往返次数。
示例 1
让我们了解如何在 html 文件中使用内联 JavaScript 添加基本语句 -
<!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>
解释
步骤 1 - 在一个简单的 html 文件中，添加一个标题标签 <h2> 并显示您选择的标题。
步骤 2 - 在标题标签下方添加一个脚本标签 <script>。
步骤 3 - 在脚本标签中，定义一个名为 inputArray 的数组，并将数值添加到数组中。
步骤 4 - 使用 document.write() 函数打印数组。
更新于: 2023-02-16
6K+ 次查看
广告