javascript - 从 iFrame 访问其父级标签-6ren

javascript - 从 iFrame 访问其父级标签

转载作者：行者123 更新时间：2023-12-03 10:19:45

24

4

我看过一些这样的示例帖子，但我似乎有点困惑为什么它们都不起作用。

这是我想要实现的目标的堆栈 View :

<html>
    <head>...</head>
    <body>
    <div>Some stuff, images, text</div>
    <div><audio id="audio"><source> src="me.mp3" /></audio></div>
    <div>Some stuff, images, text</div>
    <div>
        <iframe src="file.html">
          #document
            <html>
                <head>...</head>
                <body>
                    <div><button id="stopPlay">Stop Play</button></div>
                </body>
            </html>
        </iframe>
    </div>
    <div>Some stuff, images, text</div>                

    </body>
</html>

有人建议要访问音频标签，您可以使用以下内容:

window.parent.document.getElementById('audio');

这给了我一个原始错误，即使两个文件位于同一服务器上。因此，我再次按照建议添加 document.domain = "me@me.com" 并将其放置在 iframe 和父级中。但仍然给我一个与 DOM 相关的错误。

当我希望向上查找堆栈，然后向下搜索以查找元素时，当其他建议对其他人有效时，我将如何执行此操作？

最佳答案

我能够重现此错误的唯一方法是使用本地文件系统时，您似乎正在尝试从本地文件系统访问您的 html 文件。

file://c:/wamp/www/foo.htm - 这是我能找到重现此问题的唯一方法，这是 chrome 的一个已知错误。在某些 regrd 中也是有意义的，因为没有 domain，因此 origin 为 null

关于javascript - 从 iFrame 访问其父级标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29697158/

24

4

0

文章推荐： javascript - Google API--KMZ 文件未出现在网络 map 中

文章推荐： javascript - window.location.href 在弹出窗口中不起作用

文章推荐： javascript - 如何获取可拖动标记经纬度信息

首页

博学

6Ren·AI

商城