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

Question

我有一个包含iframe元素的页面。我想点击主页面上的某些文字来更改iframe源文件。我可以用“a href”标签做到这一点，但主页面重置为顶部，而不是用户在页面上的垂直位置。如果我使用输入类型=按钮元素，那么它工作得很好，而不会重置到主页面的顶部。但是，我希望页面上的文本（带下划线），而不是按钮外观。我怎样才能做到这一点？

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或者跨度（实际上几乎所有的元素），而不是一个按钮

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

Answer 3

不知道你已经完成的工作，但它似乎就像您想要更改iframe中显示的页面一样。要做到这一点有一个链接，你可以使用目标或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" />