Question

我正在尝试突出显示我的iframe与搜索字段嵌入的页面上的一些单词。

这个想法是用户在iframe中输入搜索词，iframe发送命令以突出显示嵌入它的页面上的那些词。

我可以找到如何从iframe重新加载页面 - 但是如何在不重新加载页面的情况下对该页面执行某些操作 - 从iframe触发这些操作？

或者我应该使用JavaScript嵌入表单以使其更容易？

谢谢！

Answer 1

由于same-origin policy，您不能这样做。而是使用JavaScript加载iframe的内容，或者使用作为URL参数的查询重新加载iframe。

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

从页面上嵌入的iframe突出显示页面上的单词

1 个答案: