HTML 调用 JavaScript 数组中的多个内容

可以使用循环语句来遍历数组中的多个内容，并将它们以 HTML 标签的形式显示在页面上。下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
	<title>调用 JavaScript 数组中的多个内容</title>
	<script>
		var fruits = ['apple', 'banana', 'orange', 'grape']; // 定义一个数组
		function displayFruits() {
			var html = ''; // 初始化一个空字符串
			for (var i = 0; i < fruits.length; i++) {
				html += '<li>' + fruits[i] + '</li>'; // 将每个数组元素以列表项的形式添加到字符串中
			}
			document.getElementById('fruits-list').innerHTML = html; // 将字符串赋值给 HTML 元素的 innerHTML 属性，以在页面上显示出来
		}
	</script>
</head>
<body>
	<button onclick="displayFruits()">显示水果列表</button>
	<ul id="fruits-list"></ul>
</body>
</html>

在上面的代码中，我们首先定义了一个名为 fruits 的数组，其中包含了四种水果的名称。接着，我们定义了一个名为 displayFruits 的函数，该函数通过循环遍历数组中的每个元素，并将它们以列表项的形式添加到一个字符串中。最后，我们通过 document.getElementById('fruits-list').innerHTML 将字符串赋值给 HTML 元素的 innerHTML 属性，从而在页面上显示出来。

注意，在上面的代码中，我们使用了 onclick 属性将 displayFruits() 函数绑定到了一个按钮上。这意味着当用户点击该按钮时，就会触发 displayFruits() 函数，并将水果列表显示在页面上。