針對iframe的網址的帖子顯示在iframe的iframe中

Question

這有點令人困惑。我正在嘗試將網址提交給同一頁面上的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> 

如果你在表單提交的URL，然後向下滾動在iframe有點斜視，你會看到正確的URL在iframe的iframe中。

Answer 1

你可以使用這樣簡單的帖子。我認爲造成這種情況的原因是因爲該形式的目標屬性。它將您的整個頁面發送到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中。 （雅虎等）}