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

我想从iframe中页面的标题动态设置我的主（父）页面的标题。如何从iframe中检索和设置页面的标题

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

现在的index.html是具有连接到frame.html像这样的iframe：

<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的<title>标记（即“主标题”）中检索Index.html。

有人可以告诉我我该怎么做到这一点？

来源

2016-12-29 Cody Codes

执行父'window'和''iframe' window'具有相同的起源？ – guest271314

这应做到：

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

来源

2016-12-29 20:06:53 HaukurHaf

抱歉它没有工作。 index.html的标题仍未出现。我只是复制了您在index.html中发布的相同代码。我究竟做错了什么？ –

你在你的index.html文件中加载了jQuery库吗？如果是这样，它需要在我发布的代码上加载。 – HaukurHaf

是的，现在它加入jquery后工作。谢谢。 –

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

回答

相关问题