javascript - iframe 中的奇怪行为 history.back

Question

有两个 iframe 的页面:

<iframe src="fr1.html" name="fr1"></iframe>
<iframe src="fr2.html" name="fr2"></iframe

iframe 包含代码:

<a href="next_fr1.html">next<a/>
<div>frame 1</div>

和

<a href="next_fr2.html">next<a/>
<div>frame 2</div>

分别。

next_fr1.html 和 next_fr2.html 页面包含以下代码:

<a href="javascript:parent.frames.fr1.history.back();">back<a/>
<div>next frame 1</div>

和

<a href="javascript:parent.frames.fr2.history.back();">back<a/>
<div>next frame 2</div>

分别。

在我点击的第一页上:

1. 第一个 iframe 中的“下一个”
2. 第二个 iframe 中的“下一步”
3. 在第一个 iframe 中“返回”

第三次点击后回到第二个 iframe(就像浏览器中的后退按钮)而不是回到第一个 iframe？

Answer 1

框架没有单独的历史记录，页面也保存所有框架的历史记录。

当您调用 history.back 时，它会转到页面历史记录中的上一步，因此它将返回到上次导航发生的框架。