javascript - 阻止 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例如。