2014-01-31 4 views
0

Это мой код:Получить название от IFrame документа

<div id="main-content"> 
    <script> 
     document.title = document.getElementById("main-content-iframe").contentDocument.title; 
    </script> 
    <iframe name="cstage" src="home.html" width="100%" height="100%" id="main-content-iframe" frameborder="0" onload="document.title=parent.frames['cframe'].document.title;">If you're seeing this message, it means IFrames are not supported; Please enable IFrames or upgrade to a compatible browser that supports IFrames.</iframe> 
</div> 

Это не работает, что я делаю не так?

+0

Есть ли сообщения об ошибках в консоли Javascript? – Barmar

+1

js в тегах сценария не находится в готовом к документу вызове, поэтому его выполнение перед загрузкой iframe так, что часть будет работать неправильно. –

+0

Вы видели это сообщение? может быть полезно [получить заголовок страницы iframe из javascript, используя jquery] (http://stackoverflow.com/questions/1570808/get-iframe-page-title-from-javascript-using-jquery) – davewoodhall

ответ

4

Необходимо проверить, загружен ли iframe.

<div id="main-content"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <iframe name="cstage" src="home.html" width="100%" height="100%" id="main-content-iframe" frameborder="0" onload="document.title=parent.frames['cframe'].document.title;">If you're seeing this message, it means IFrames are not supported; Please enable IFrames or upgrade to a compatible browser that supports IFrames.</iframe> 
<script> 
    $("iframe").on('load',function() { 
     document.title = document.getElementById("main-content-iframe").contentDocument.title; 
    }); 
</script> 

+5

Это вряд ли «бесполезно», не так ли? –

+0

@ Kalle H. Väravas .. дает альтернативный подход .... иногда это решение для некоторых .. @ KenSharp .. Проголосуйте .. 'Потому что SO подумал, что это было правильно! –

-1

код Try может быть, может помочь вам

HTML code: 
<div id="main-content"> 
    <iframe name="cstage" src="home.html" width="100%" height="100%" id="main-content-iframe" frameborder="0">If you're seeing this message, it means IFrames are not supported; Please enable IFrames or upgrade to a compatible browser that supports IFrames.</iframe> 
</div> 

jQuery code: 
alert($('#main-content-iframe').contents().find("title").text()); 

Примечание: Убедитесь, что home.html из того же домена, что вашей главной страницы.

Смежные вопросы