Question

我有3个div和1个iframe。 Iframe位于<div id="maincontent">。刷新时会返回default.php。我想要的是在刷新Iframe时保留页面。因为我点击link3并刷新它，它不应该回到default.php。请帮忙。

<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>

Answer 1

如果您使用的是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'));

});

希望有所帮助！

Answer 2

修改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;
}

Answer 3

尝试添加此内容...

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

它不会强制执行缓存检查。

刷新Iframe时保留页面

3 个答案: