需要将html文本显示为使用iframe的链接

Question

我有一个包含iframe元素的页面。我希望在单击主页面时更改iframe源。我可以用“a href”标签来做到这一点，但主页面重置到顶部而不是用户在页面上最后一个垂直位置。如果我使用input type = button元素，那么它可以正常工作而无需重置到主页面的顶部。但是，我希望页面上只显示文本（带下划线），而不是按钮外观。我怎么能这样做？

Answer 1

使用目标

<a href="page2.html" target="test">Go to page 2</a>
<iframe src="page1.html" frameborder="0" name="test"></iframe>

Answer 2

你可以使用div或span（实际上几乎是任何元素）而不是按钮

<div onclick="iframe.src='new.html'" class="lookcool">sometext</a>

Answer 3

不确定到目前为止您做了什么，但似乎您想要更改iframe中显示的页面。要使用链接执行此操作，您可以使用target或javascript：

目标：

<a href="http://www.google.com" target="iframe">link</a>

<iframe name="iframe" src="http://www.example.com" />

使用Javascript：

<a href="#" javascript="document.getElementById('iframe').src='http://www.google.com'; return false;">link</a>

<iframe id="iframe" src="http://www.example.com" />