我在html页面中有一个iframe链接,如下所示:
<TABLE border="0" width="900">
<tr valign="top">
<td width="300" ALIGN=center>
<div class="item_list">
<a href="http://www.skiholidayextras.com? affiliate_id=172&submit_to=http://www.skihautesavoie.fr/results-lift-pass.html" target="_blank">link</a>
</div>
</td>
<td width="300" ALIGN=center>
<div class="item_list">
<iframe src = 'http://www.flipkart.com/affiliate/displayWidget?affrid=WRID-137232779171598318' frameborder = 0, height=250, width = 300 > </iframe></a><br>
</div>
</td>
<td width="300" ALIGN=center>
<div class="item_list">
<iframe src = 'http://www.flipkart.com/affiliate/displayWidget?affrid=WRID-137232785207215857' frameborder = 0, height=250, width = 300 > </iframe>
现在,当我在iframe链接中点击时,它会打开链接,但是当我点击它时,它会自动将我重定向到该iframe链接。谁能告诉我我的问题是什么?
答案 0 :(得分:1)
在你的情况下,我会为每个iframe实现我自己的控件。将此工作委托给页面上的某些按钮:
<div id="view_iframe">
<iframe id="viewer" name="viewer" width="100%" height="600" src="some.html">
<p>Your browser does not support iframes.</p>
</iframe>
<input type="button" id="back" class="button" onClick="viewer.history.back();" value="<<" />
<input type="button" id="frwrd" class="button" onClick="viewer.history.forward();" value=">>" />
</div>
注意 - viewer
是iframe ID
请注意,两个按钮的位置绝对与页面调整大小上的iframe对齐。
无论如何,以下是iframe控制的内容:
// For an iframe's window
iframe.contentWindow.history.back();
iframe.contentWindow.history.forward();
或
iframe.contentWindow.history.go(-1); // back
iframe.contentWindow.history.go(1); // forward