iframeからページのタイトルを取得して設定する方法

メイン（親）ページのタイトルをiframe内のページのタイトルから動的に設定したいと考えています。iframeからページのタイトルを取得して設定する方法

たとえば、私はIndex.htmlとframe.htmlという2つのページを持っています。

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

frame.htmlは、コードを持っている：

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

今私はのタイトルが欲しい今Index.htmlとはこのような何かをframe.htmlに接続されているのiframeを持っている

Index.htmlは、frame.htmlの<title>タグ、すなわち「Main Title」から検索されます。

誰かが私にそれを達成する方法を教えてもらえますか？

出典

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に投稿したのと同じコードをコピーしました。私は間違って何をしていますか？ –

jQueryライブラリをindex.htmlファイルにロードしましたか？もしそうなら、私は投稿したコードの上にロードする必要があります。 – HaukurHaf

はい、これはjqueryを追加した後に機能しました。ありがとう。 –

iframeからページのタイトルを取得して設定する方法

答えて

関連する問題