通过单击链接而改变IFRAME SRC(Change iframe src by clicking

2019-07-19 09:56发布

我有一个iframe ,看起来像这样:

<iframe src="http://www.google.com" height=1000 width="500" id="myiframe"></iframe>

我想创建一个链接,这样,当我点击它,在页面变化的iframe。 我怎样才能做到这一点使用jQuery? 这是否与jQuery的attr

Answer 1:

你不需要的jQuery了点。 你甚至都不需要了JavaScript。

给你的iframe中name ,和你的目标锚指向它:

<a href="foo.html" target="myiframe">Foo</a>
<a href="bar.html" target="myiframe">Bar</a>
<a href="baz.html" target="myiframe">Baz</a>

<iframe name="myiframe"></iframe>

这很好地降低了对谁关闭了JavaScript的人。



Answer 2:

上点击链接“点击这里” //它会作为指定移动链接IFRAME ....

<a href="cart.html" target="test" onclick="document.getElementById('test').frameBorder=1"> Click Here </a>
<iframe src="blank.html" frameborder="0" name="test" id="test" width=1200 height=800></iframe>


文章来源: Change iframe src by clicking a link