刷新后是否可以保留iframe网址？

Question

我想保留当前页面，但是每次刷新iframe时，都要回到默认页面url src="app.php" 。 例如，我在pr.php上，而我不小心刷新了页面，我想继续浏览该页面。 如果可以的话

<a href="app.php" target="contents">APP</a><br/>
<a href="rfq.php" target="contents">RFQ</a><br/>
<a href="pr.php" target="contents">PR</a><br/>
<a href="addapp.php" target="name" onclick="modalWin(); return false;">Add APP</a><br/>
<a href="livesearch/index.php" target="contents">SEARCH</a><br/>

    <iframe name="contents" src="app.php" frameborder="0"  id="iframe" 
    frameborder="0" style="moz-overflow:hidden;moz-overflow-x:hidden;moz-overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"> </iframe>

Answer 1

您可以使用html5 localStorage保存iframe的当前网址，然后刷新页面尝试加载它，如果未定义则尝试加载初始页面。 您的iframe的标签声明中不得包含src属性，您将使用jquery对其进行设置。 我已经大致了解了您的需求，希望它能起作用

$(document).ready(function() {
    currentLocation = localStorage.prevUrl || 'yourInitialSrc';

    $('#iframe').attr('src', currentLocation);
    $('#iframe').load(function() {
        localStorage.prevUrl = $(this)[0].contentWindow.location.href;
    })
})

当您的iframe加载页面时，会触发iframe加载事件。 因此，在iframe中，如果您转到另一个链接，则会触发加载事件，然后将您现在的网址保存在浏览器中。

但请尝试不惜一切代价避免使用iframe。 并注意如何操作本地存储...