阻止 iframe 页面重定向

Question

http://kenzshop.com/lightbox/

用户在输入字段中输入 url，然后单击“转到”按钮。页面应该只在 iframe 中查看。但是当输入像 espn.com 这样的 url 时，点击按钮，页面会立即显示，然后整个页面 (kenzshop.com/lightbox) 将重定向到 espn.com。

另外，当我在 iframe 中尝试 yahoo.com 时，什么也没有发生。这里有什么错误编码吗？或者只是这些网站中的某些内容不允许在 iframe 中查看？

另外，不确定是否可以在同一个线程中询问这个问题，但有没有一种方法可以让用户单击键盘上的 Enter 按钮，产生与单击“转到”按钮相同的效果？

<script type="text/javascript">
<!--//
function urlink(iframe,src){
document.getElementById(iframe).src = src;
}
//-->
</script>

<div style="background-image: url('https://s3.amazonaws.com/cloud-host.mobi/preview- iphone4g.png'); width: 327px; height: 730px; padding: 135px 28px 0px 33px; background-repeat: no-repeat;">

<form>
<div style="position:relative; top:9px; left:2px;"><input style="float:left;"type="text" size="40" value="http://" name="url">
<input type="button" onclick="urlink('I1',this.form.url.value)" value="Go To"></div>
</form>

<iframe id="I1" src="" style="height: 489px; width: 327px;" frameborder="0" marginwidth="0" scrolling="yes" width="320" height="240"></iframe> 

</div>

谢谢！！ 肯

Answer 1

espn.com 可能有一些 JavaScript 可以让自己脱离 iframe。恐怕你在那里无能为力。不过，大多数网站都没有。

对于回车按钮，使用带有操作参数的<form> 标记。将它包裹在您的 <input> 盒子上。 有关示例，请参见 http://www.w3schools.com/tags/tag_form.asp。