javascript 刷新iframe内容

最新推荐文章于 2024-03-18 22:18:49 发布

原创最新推荐文章于 2024-03-18 22:18:49 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个简单的HTML页面示例，该页面通过JavaScript实现了IFrame源地址的动态切换功能。用户可以通过点击按钮来选择不同的网站加载到IFrame中。此示例展示了基本的前端交互技术和IFrame的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<html>
<head>
	<title></title>
</head>
	<script language="JavaScript">
		function u1(u)
		{
		  document.getElementById("iframeid").src=u;
		}
	</script>
	<body>
		<iframe  width="400" height="300" src="" name="iframename" id="iframeid"></iframe>
		<br>
		<input type="button" value="http://www.baidu.com/" onClick="u1('http://www.baidu.com/')">
		<input type="button" value="http://www.google.com/" onClick="u1('http://www.google.com/')">
		<input type="button" value="http://www.51js.com/" onClick="u1('http://www.51js.com/')">
	</body>
</html>