如何通过单击图像打开iframe

时间:2012-06-26 18:43:45

标签: html iframe

我想知道是否有人可以帮助我。我希望我可以点击图片在我的网页中心打开一个iFrame。因此,实际上iframe将被隐藏,直到单击图片为止。我在另一个页面上有一个非常小而简单的上传表单,我想在用户需要上传并点击图片时显示。我在这个网站和谷歌一般都很好看但没有找到我正在寻找的东西,或者没有包含基础知识,因为这是大多数人的常识。上传完成后还会有办法解决这个问题吗?表单目前在完成后转移到主页,因此最终有一个关闭选项(成功上传后)iframe内容将与显示的页面相同。

我遇到的最好/最简单的是w3schools,但我读过使用html for iFrames并没有被广泛接受,或者它不是跨浏览器的最佳选择。

我一直在查看和尝试不同的代码,但即使没有基本知识,我也无法理解它。

如果有人能够提供帮助,请假设我已经5岁了。我并不愚蠢,但就代码而言,我只是刚开始。

提前致谢

1 个答案:

答案 0 :(得分:0)

您需要在img标签中添加一个javascript onclick函数,这会在点击时打开一个新窗口。您可以将window.open函数传递给要显示的html文件的名称。像这样:

<img src="image.jpg" onclick="window.open('welcome.html')">