Javascript 刷新iframe的目标_Javascript_Html_Iframe

Javascript 刷新iframe的目标

javascript html iframe

Javascript 刷新iframe的目标,javascript,html,iframe,Javascript,Html,Iframe,我有两个框架，nav.html和main.html，它们包含在一个名为index.html的页面中。我有三个图像链接，后退、前进和刷新。main.html iframe有一个id=“main”，按钮有各自的目标前向和后向工作正常，但刷新只刷新nav.html框架，而不是main.html框架。索引的代码如下所示 <!DOCTYPE html> <head> <title>Home</title> </head> <body>

我有两个框架，nav.html和main.html，它们包含在一个名为index.html的页面中。我有三个图像链接，后退、前进和刷新。main.html iframe有一个id=“main”，按钮有各自的目标

前向和后向工作正常，但刷新只刷新nav.html框架，而不是main.html框架。索引的代码如下所示

<!DOCTYPE html>
<head>
<title>Home</title>
</head>
<body>
<iframe src="nav.html" id="nav" frameborder="1" scrolling="no" width="19%" height="512"
align="left">
</iframe>

<iframe src="main.html" id="main" frameborder="1" scrolling="no" width="80%"
height="800" align="middle">
</iframe>
</div>
</html>

家

下面是nav.html的代码

<!DOCTYPE html>
<head>
<title>navigation</title>
</head>
<body>
<center>
<img src="nav/logo.png">
</center>
<center>

<a href="main.html" target="main">&lt;&frasl; Home &gt;</a>
<br><br>
//My general links

<br><br><br>
<a target="main" href="javascript: location.reload();"><img src="nav/refresh2.png"></a>
<a target="main" href="javascript: history.back();"><img src="nav/back2.png"></a>
<a target="main" href="javascript: history.forward();"><img src="nav/forward2.png"></a>
</center>
</body>
</html>


航行



//我的一般链接

如何修复此问题？

如果要从iframe重新加载主页面，请使用以下JavaScript：

window.top.location.reload();

如果要从其他帧重新加载帧，可以使用此选项：

parent.frames['yourFrameName'].location.reload();

如果要从导航帧重新加载主帧

然后尝试parent.main.reload（）

-Sridhar

尝试了第二个，这是我正在寻找的，但没有成功。