Html 如何通过单击图像打开iframe

Html 如何通过单击图像打开iframe,html,iframe,Html,Iframe,我想知道是否有人能帮我。我希望我可以通过点击图片在我的网页中心打开一个iFrame。因此,在点击图片之前,iframe实际上是隐藏的。我在另一个页面上有一个非常小且简单的上传表单,我希望在用户需要上传并单击图片时显示该表单。我在这个网站和谷歌上浏览了一番,但没有找到我要找的东西,或者基本知识没有包括在内,因为这是这里大多数人的常识。当它完成上传后,是否也有办法关闭它?表单当前会在完成后转移到主页,因此有一个关闭选项非常方便,因为最终(成功上传后),iframe内容将与它显示的页面相同 我遇到的最

我想知道是否有人能帮我。我希望我可以通过点击图片在我的网页中心打开一个iFrame。因此,在点击图片之前,iframe实际上是隐藏的。我在另一个页面上有一个非常小且简单的上传表单,我希望在用户需要上传并单击图片时显示该表单。我在这个网站和谷歌上浏览了一番,但没有找到我要找的东西,或者基本知识没有包括在内,因为这是这里大多数人的常识。当它完成上传后,是否也有办法关闭它?表单当前会在完成后转移到主页,因此有一个关闭选项非常方便,因为最终(成功上传后),iframe内容将与它显示的页面相同

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

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

如果有人能帮忙,请假设我5岁。我不是傻瓜,但就代码而言,我只是刚刚开始


提前感谢

您需要在img标记中添加一个javascript onclick函数,单击该函数将打开一个新窗口。将要显示的html文件的名称传递给window.open函数。大概是这样的:

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


非常感谢您回复我。在另一个窗口打开很好。我在Basekit平台上,所以它们包括“在新窗口中打开”这一简单选项。我希望在我的主页上的iframe中打开上传表单。先隐藏,然后单击图片时显示。有可能吗?我从来没有用过Basekit,所以我不太确定。但这是标准的HTML/Javascript,所以如果您能够键入代码,它应该可以工作。你应该编辑你的帖子,将Basekit作为标签,并在描述中提到你正在使用Basekit。我理解你的意思。提到Basekit,我的意思是在新窗口中打开很容易自动完成。我只是希望我可以,例如,在我的主页上…有一个按钮,读上传(我有)。。然后,当用户单击upload时,会出现一个I框架,其中包含我的另一个页面中的内容。Basekit不是问题所在。我可以像普通站点一样嵌入html、javascript和jquery,可能更简单,我只是在寻找代码,让Iframe在点击图片时显示另一个页面的内容。谢谢你的帮助。