刷新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时保留页面

回答

相关问题