这有点令人困惑。我正在尝试在同一页面上向iframe提交网址。当我单击“提交”时,iframe会复制当前页面,但正确的URL位于复制的iframe中。我想知道它是否永远存在?发生这种情况的页面是http://www.4mobilesites.com,代码在下面。
<div class="mobile-logo">
<H2>How does your website look on a Mobile Device?</h2>
<?php
$keyurl = $_POST['siteurl'];
?>
<form method="post" target="mobileframe" >
Enter your website's URL: <input type="text" name="siteurl" value="http://" size="50"><br>
<input type="submit" value="VIEW">
</form><br>
<a name="iframe-1"></a>
<div class="theiframewrap"><iframe name="mobileframe" class="theiframeid" src="<?php echo "$keyurl"; ?>" id="mobileframe"></iframe></div></div>
如果你在表单中提交了一个网址,然后向下滚动iframe和斜视,你会在iframe的iframe中看到正确的网址。
答案 0 :(得分:0)
您可以像这样使用简单的帖子表单。我认为造成它的原因是因为该表格上的目标属性。它将您的整个页面发送到iframe。
<?php
$keyurl = '';
if(isset($_POST['siteurl'])) {
$keyurl = $_POST['siteurl'];
echo $keyurl;
}
?>
<div class="mobile-logo">
<H2>How does your website look on a Mobile Device?</h2>
<form method="post">
Enter your website's URL: <input type="text" name="siteurl" value="http://" size="50"><br>
<input type="submit" value="VIEW" />
</form><br>
<a name="iframe-1"></a>
<div class="theiframewrap">
<iframe name="mobileframe" class="theiframeid" src="<?php echo $keyurl; ?>"></iframe>
</div>
</div>
或者,您只能使用jquery:
<div class="mobile-logo">
<H2>How does your website look on a Mobile Device?</h2>
<form method="post">
Enter your website's URL: <input type="text" name="siteurl" value="http://" size="50"><br>
<input type="submit" value="VIEW" />
</form><br>
<a name="iframe-1"></a>
<div class="theiframewrap">
<iframe name="mobileframe" class="theiframeid" src=""></iframe>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="submit"]').on('click', function(e){
e.preventDefault();
var url = $('input[name="siteurl"]').val();
$('.theiframeid').attr('src', url);
});
});
</script>
重要提示:并非所有网站都允许您将自己的网站放在iframe上。 (雅虎和其他人)