html 添加按钮改变iframe的src

以下是一个简单的 HTML 页面，其中包含一个按钮和一个 iframe。当用户点击按钮时，将更改 iframe 的 src 属性以显示不同的网页。

<!DOCTYPE html>
<html>
<head>
	<title>Change iframe src with button click</title>
</head>
<body>
	<button onclick="changeSrc()">Change iframe src</button>
	<iframe id="myFrame" src="https://www.google.com"></iframe>

	<script>
		function changeSrc() {
			document.getElementById("myFrame").src = "https://www.youtube.com";
		}
	</script>
</body>
</html>

在上面的代码中，我们首先创建一个按钮，并为其指定一个 onclick 事件处理程序。当用户单击按钮时，将调用名为 changeSrc 的 JavaScript 函数。

该函数通过使用 document.getElementById 获取 iframe 元素的引用，并更改其 src 属性来更改 iframe 的内容。在本例中，我们将 iframe 的 src 更改为 https://www.youtube.com。

您可以根据需要更改函数中的 URL。您还可以使用其他方法来获取 iframe 元素的引用，例如通过使用 jQuery 或其他 JavaScript 库