Question

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

前进和后退工作正常，但刷新只刷新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>

我怎么能解决这个问题？

Answer 1

如果您想从iframe重新加载主页，请使用此JavaScript：

window.top.location.reload();

如果你想从其他框架重新加载框架，你可以使用它：

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

Answer 2

如果要从导航框重新加载主框架

然后尝试parent.main.reload（）;

-Sridhar

目标刷新iframe

2 个答案: