Выделите слова на странице из iframe, встроенной на эту страницу

Question

Я пытаюсь выделить несколько слов на странице, где встроен мой iframe с полем поиска.

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

Я могу найти, как перезагрузить страницу из iframe, но как мне выполнить некоторые действия на этой странице без ее перезагрузки - запуск этих действий из iframe?

Или я должен вставить форму с помощью JavaScript, чтобы упростить ее?

Спасибо!

Answer 1

Вам не разрешено делать это из-за same-origin policy. Вместо этого загрузите содержимое iframe с помощью JavaScript или вместо этого перезапустите iframe с запросом, указанным в качестве параметра URL-адреса. Пример

IFrame:

// base url 
var url = "http://myhomepage.com?q=" 

$("#button").click(function(){ 
    // get search keyword 
    var key = $("#search").val(); 

    // get iframe reference and update its source 
    var iframe = $("#iframe"); 
    iframe.attr('src',url+key); 
}); 


<input type="text" id="search" /> 
<input type="button" id="button" value="go!"><br /> 
<iframe id="iframe" src="http://myhomepage.com" />