个人中心
gpt4 book ai didi

javascript - 在 中设置 的 URL 的最佳方法是什么

转载 作者：行者123 更新时间：2023-11-27 22:53:26 25 4
gpt4 key购买 nike

我现在正在使用 frameset 和 frame，但我对如何更改框架 URL 感到非常困惑。我的客户在他们想要设置/更改框架 URL 的地方使用 location 或 src 。有时位置有效，有时src有效，所以我要找出发生了什么。
我创建了 3 个 html 文件:parent.html、left.html、right.html。这是parent.html内容

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

这是left.html内容

<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>

在这种情况下只有src有效。那么为什么有时location可以工作，但src却不行呢？好的，现在我像这样更改脚本

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

然后位置工作正常。那么 frames['right'].src 和 frames[1].location 。但并非所有情况，有时 frames['right'].location 也能工作。当我删除 id 并仅使用框架名称时，我必须使用 location

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

就是这样。哦，感谢 IE 拒绝获取 src，所以我必须像这样检查

try {
  window.parent.frames["id"].src = {url};
}
catch(er) {
  window.parent.frames["id"].location = {url};
}

有没有一个巧妙的解决方案来解决这一切？

最佳答案

我实际上无法确认这一点，因为在 Chrome 上它甚至不起作用(查看 window.frames 对象上的 de docs )，但我假设获取框架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 在某些情况下可以工作，因为浏览器实现有些奇怪，但实际上您的选择是:

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

关于javascript - 在 <frameset> 中设置 <frame> 的 URL 的最佳方法是什么，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37849691/

25 4 0
文章推荐： javascript - 如何在 JavaScript 中创建多维数组？
文章推荐： c++ - 从 Visual Studio 2013 转换到 Visual Studio 2015 的问题
文章推荐： javascript - 如何在不使用点(.)的情况下访问ng-repeat中的ng-model？
文章推荐： javascript - 我正在使用 for 循环打印表单输入的输出，但输入表单不断添加自身
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com