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

Highlight words on a page from an iframe embedded on that page

本文关键字：iframe 单词 显示      更新时间：2023-09-26

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

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

我可以找到如何从iframe重新加载页面，但如何在不重新加载页面的情况下在该页面上执行一些操作，从而从ifame触发这些操作？

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

谢谢！

由于同源策略，您不允许执行此操作。相反，使用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" />
相关文章：