如何使来自父页面的javascript产生iframe效果

我试图使用w3schools搜索过滤器创建一个搜索系统，我想使用iframes作为搜索结果。如何使父页面上的搜索栏在iframe上工作

这是我的密码

function searchFunction（）{
var输入、滤波器、ul、li、a、i、TXT值；
输入=document.getElementById（“searchinput”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myUL”）；
li=ul.getElementsByTagName（“li”）；
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
}

///在iframe中//





函数searchFunction（）{
var输入、滤波器、ul、li、a、i、TXT值；
输入=document.getElementById（“searchinput”）；
filter=input.value.toUpperCase（）；
ul=document.getElementById（“myUL”）；
li=ul.getElementsByTagName（“li”）；
对于（i=0；i-1）{
李[i].style.display=“”；
}否则{
li[i].style.display=“无”；
}
}
}
///在iframe//

中，您可以使用

var iframe = document.getElementById("searchresultes");
var childElement = iframe.contentWindow.document.getElementById("--ElementId--");

---

为什么你需要一个iframe呢？您可以内联呈现结果……请您将代码缩进一点好吗？

iframe

会导致问题，您不需要这个。很好的建议-重新组织你的项目我需要它在iframes中，因为我计划有很多Li链接，搜索栏将在每篇文章中，所以内联这样做是不切实际的，因为每次我写一篇新文章，我都必须编辑每一页来添加链接。（可能这是我在静态网站上放置搜索栏的错误）@LokeshDhade在创建静态网站时，你可能不应该手工操作。你看过雨果和杰基尔这样的工具吗？请参阅“您可以与子iframe窗口的任何元素进行交互”-在本例中，是-但是如果

iframe

的内容来自不同的来源（即不同的网址），浏览器将阻止访问

iframe.ContentWindow.document

将为

null

。Yeap，你是对的，这只是为了同一个来源，如果拉梅西试过这个，它就不起作用了。我认为是W3IT本身没有使用这种方法。谢谢你的回复