【发布时间】：2020-04-11 20:22:32
【问题描述】：
最近有人向我寻求有关一组 HTML 页面的帮助，但未能按预期工作。该设置由一个框架集组成，其中某个框架中显示的链接应该在另一个框架中打开。这应该通过锚元素上的 target 属性来完成，或者是包含链接的页面中具有 target 属性的基本元素。
问题是链接没有在所需的目标框架中打开，而是在不同的选项卡中打开。
经过一些分析，我发现此行为是由于存在 Javascript 变量“名称”引起的，该变量存在于最初加载到目标框架中的页面上。如果该变量的值与目标框架的名称不匹配，则会在新选项卡上打开链接。如果它与目标框架名称匹配，则在目标框架中打开链接，如预期的那样。
这在至少三种浏览器的最新版本（尝试过 Firefox、Chrome 和 Edge）中始终如一。
我想知道为什么会这样。
这里是该问题的一个小型复制品（也可以使用here），其中包含一个框架集、三个带有初始内容的框架和两个链接。第一个带有target="two" 的链接在“第二”帧中打开。但是带有target="three" 的第二个链接不会在“第三”帧中打开，而是在新选项卡中打开。显然，这取决于该框架的初始内容（three.html）中 Javascript 变量“名称”的值。但为什么呢？
index.html：
<html>
<frameset rows="33%,33%,*">
<frame name="one" src="one.html">
<frame name="two" src="two.html">
<frame name="three" src="three.html">
</frameset>
</html>
one.html：
<html>
<body>
frame "one"
<br>
<a target="two" href="content.html">show content (target="two")</a>
<br>
<a target="three" href="content.html">show content (target="three")</a>
</body>
</html>
两个.html：
<html>
<body>
frame "two"
<script>
<!--
var name = "two";
//-->
</script>
</body>
</html>
three.html：
<html>
<body>
frame "three"
<script>
<!--
var name = "two";
//-->
</script>
</body>
</html>
content.html：
<html>
<body>
content
</body>
</html>
【问题讨论】：
-
我看到你在两个 html 页面中都指定了
var name= "two"。也许这就是错误。 -
@MarkSkayff 这正是我要问的。为什么目标帧依赖于目标帧初始内容中变量
name的值？请解释为什么您认为这是一个错误。 -
对于您在这里所说的，我认为 Frame 对象的属性成为框架中正在加载的页面上的全局变量。因此，您可以在脚本本身内控制和修改这些全局变量。
-
让我尝试在我的环境中复制它。
-
请注意，the
<frame>element has been obsolete 已使用多年，<frameset>也是如此，不应再使用。
标签： javascript html frameset