刷新iframe時保留頁面

我有3個div和1個iframe。 Iframe在<div id="maincontent">。刷新時會返回到default.php。我想要的是在刷新Iframe時保留頁面。因爲我點擊鏈接3並刷新它，它不應該回到default.php。請任何幫助。刷新iframe時保留頁面

<div id="framecontentLeft"> 
<div class="innertube"> 
<a href="link1.php" target="contents">LINK1</a><br/> 
<a href="link2.php" target="contents">LINK2</a><br/> 
<a href="link3.php" target="contents">LINK3</a><br/> 
<a href="link4.php" target="contents">LINK4</a><br/> 
</div> 
</div> 

<div id="framecontentTop"> 
<div class="innertube"> 

<img src="images/header.jpg"/> 

</div> 
</div> 


<div id="maincontent"> 
<div class="innertube"> 

<iframe name="contents" src="default.php" id="iframe"></iframe> 

</div> 
</div>

來源

2014-01-13 surname

將事件監聽器添加到event.preventDefault（）的鏈接中，以便頁面不會更改，並用點擊鏈接的「href」修改iframe的src屬性。 – probablyup

@ ultraviol3tlux對不起。但我不知道如何。 – surname

如果你使用jQuery，它會走一點是這樣的：

$('a').on('click', function(e){ 

    // This stops the page from refreshing 
    e.preventDefault(); 

    // This passes the target page from the link into the iframe 
    $('iframe').attr('src', $(this).attr('href')); 

});

希望幫助！

來源

2014-01-13 04:56:40 probablyup

但是如何不在href中的其他頁面？即在link1中有另一個頁面的鏈接？ – surname

修改HTML如下圖所示

<div id="framecontentLeft"> 
<div class="innertube"> 
<a onclick="SetPage('link1.php','contents');return false;">LINK1</a><br/> 
<a onclick="SetPage('link2.php','contents');return false;">LINK2</a><br/> 
<a onclick="SetPage('link3.php','contents');return false;">LINK3</a><br/> 
<a onclick="SetPage('link4.php','contents');return false;">LINK4</a><br/> 
</div> 
</div>

添加下面的JavaScript腳本標籤

function SetPage(linkUrl, target) { 
    document.getElementById(target).src = linkUrl; 
}

來源

2014-01-13 04:57:20 Kamlesh

爲什麼我不能點擊href？ – surname

嘗試加入這個...

<head> 
<meta http-Equiv="Cache-Control" Content="no-cache"> 
<meta http-Equiv="Pragma" Content="no-cache"> 
<meta http-Equiv="Expires" Content="0"> 
</head>

這將迫使沒有緩存檢查。

來源

2014-01-13 04:57:30

刷新iframe時保留頁面

回答

相關問題