Question

我现在正在使用框架集和框架，我对如何更改框架网址感到困惑。我的客户使用位置或 src 来设置/更改框架网址。有时位置工作，有时 src 工作，所以我要知道发生了什么。
我创建了3个html文件： parent.html ， left.html ， right.html 。这是 parent.html 内容

true

以下是 left.html 内容

<frameset cols="*,*">
   <frame id="left" src="left.html">
   <frame id="right" src="right.html">
</frameset>

在这种情况下只有 src 才能正常工作。那么为什么位置有时会工作，但 src 会胜出？好的，现在我改变这样的脚本

<head>
    <script>
        function LocationThis() {
            window.frames['innerleft'].location = "http://prntscr.com";
        }
        function SrcThis() {
            window.frames['innerleft'].src = "http://prntscr.com";
        }
        function LocationOther() {
            window.parent.frames['right'].location = "http://prntscr.com";
        }
        function SrcOther() {
            window.parent.frames['right'].src = "http://prntscr.com";
        }
    </script>
</head>
<body>
    <h1>Left</h1>
    <button type="button" onclick="LocationThis();">Location this</button>
    <button type="button" onclick="SrcThis();">Src this</button>
    <button type="button" onclick="LocationOther();">Location other</button>
    <button type="button" onclick="SrcOther();">Src other</button>
    <hr/>
    <iframe id="innerleft" src="" />
</body>

然后位置正常工作。那么框架[＆＃39;右边＆＃39;]。src 和 frames [1] .location 然后。但并非所有情况，有时帧[＆＃39;正确＆＃39;]。位置也可以。当我删除ID并仅使用框架名称时，我必须使用位置

//window.parent.frames['right'].location = "http://prntscr.com";
window.parent.frames[1].location = "http://prntscr.com";

那就是它。哦，感谢IE拒绝接受src，所以我必须像这样检查

<frame name="right" src="right.html">

对于这整件事情有没有一个简洁的解决方案？

Answer 1

我实际上无法确认这一点，因为在Chrome上它甚至无法工作（请查看window.frames对象上的de docs，但我假设获得了frame by ID将返回对HTML元素的引用，该元素具有src属性 - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/frame

当您正确执行此操作（按索引获取）时，您会获得对该框架的window对象的引用，该框架具有location属性 - https://developer.mozilla.org/en-US/docs/Web/API/Window

所以，我的猜测是window.frames['id'].src在某些情况下有效，因为有些怪异的浏览器实现，但实际上你的选择是：

window.frames[index].location
document.getElementById('FrameID').src

为in设置URL的最佳方法是什么？

1 个答案: