Question

我想从iframe中的页面标题动态设置主（父）页面的标题。

例如，我有两个页面，Index.html和frame.html。

现在Index.html有一个iframe连接到frame.html，如下所示：

<iframe allowtransparency=true scrolling="auto" frameborder="0" src="frame.html"></iframe>

frame.html有代码：

<head>
<title> Main Title </title>
</head>
<body>
body text
</body>

现在我想要从frame.html＆＃39; <title>标签中检索Index.html的标题，即＆＃34;主标题＃34;。

有人可以告诉我如何实现这一目标？

Answer 1

这应该这样做：

<iframe allowtransparency=true scrolling="auto" id="my-iframe" frameborder="0" src="frame.html"></iframe>
<script>
    $("#my-iframe").on('load',function() {
        document.title = document.getElementById("my-iframe").contentDocument.title;
    });
</script>

如何从iframe中检索和设置页面标题

1 个答案: