Javascript 是否可以编写一个显示';这是一个基于搜索关键字的iframe?

Javascript 是否可以编写一个显示';这是一个基于搜索关键字的iframe?,javascript,html,css,algorithm,iframe,Javascript,Html,Css,Algorithm,Iframe,我想知道我是否可以以及如何编写一个搜索引擎算法,从搜索栏中的搜索中提取关键字,并找到可能的最佳解决方案(在我的例子中是一个或多个iFrame),并且仅通过以下语言中的一种来显示最佳解决方案: html, css, javascript 以下是iFrame和搜索栏的代码 <!-- CSS --> <title>Test</title> <meta charset="UTF-8"> <meta name="viewport" cont

我想知道我是否可以以及如何编写一个搜索引擎算法,从搜索栏中的搜索中提取关键字,并找到可能的最佳解决方案(在我的例子中是一个或多个iFrame),并且仅通过以下语言中的一种来显示最佳解决方案:

html, css, javascript
以下是iFrame和搜索栏的代码

    <!-- CSS -->

<title>Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">        

    <style>
        body {
    color: purple;
    background-color: #663300 }
    </style>

    <script>
function virtualSubmit(form){
    var text = form.searchtext.value;
    var targets = document.getElementsByTagName('iframe'),
        items = targets.length;

    for(var i = 0; i<items; i++){
        var target = targets[i],
            url = target.getAttribute('data-url');
        target.src = url + text;
    }

    return false;
}
    </script>

    <body>

        <!--The Search bar as well-->
<form onsubmit="return virtualSubmit(this)";>
    <input name="searchtext" type="text" />
    <input type="image" src="Searchbutton.png" alt="Search Button" height="20" width="20"/>
</form>

    <iframe src="http://www.google.com/custom"
            data-url="http://www.google.com/custom?q="
            width="250"
            height="600" onmouseover="width=400" onmouseout="width=250"></iframe>

    <iframe src="http://en.wikipedia.org/wiki"
            data-url="http://en.wikipedia.org/wiki/"
            width="250"
            height="600" onmouseover="width=400" onmouseout="width=250"></iframe>


    <iframe src="http://m.dictionary.com/definition"
            data-url="http://m.dictionary.com/definition/"
            width="250"
            height="600" onmouseover="width=400" onmouseout="width=250"></iframe>

试验
身体{
颜色:紫色;
背景色:#663300}
函数virtualSubmit(表单){
var text=form.searchtext.value;
var targets=document.getElementsByTagName('iframe'),
项目=目标。长度;
对于(var i=0;i

关于可能性:是的,这是可能的。但是,您需要确保内容提供商允许您访问其iframe内的内容。某些内容提供商可能有禁止此类使用其内容的政策和服务条款

此外,我认为大多数浏览器都执行相同的源代码策略,这意味着从您位于
www.example.com
的网站加载的JavaScript将无法处理指向
www.google.com
的iframe内的数据


关于方法:正确的方法是为每个搜索/内容提供商寻找满足您需求的API。例如,有a(每天100次免费搜索查询)和a(参见此)。在您了解了您想要使用的API之后,还应该更清楚地了解如何继续实施。

我不知道您是否可以,但有人可以。这是一个太笼统的问题。如果您有一个特定的问题,并且用代码显示您已经尝试或阅读过的内容,您将更容易获得帮助。我不知道你在问什么。我相信他/她希望使用多个搜索/内容提供商构建某种类型的搜索UI。此外,需要根据结果的“质量”对特定查询的搜索提供商进行排序-结果将仅显示该查询的顶级搜索提供商。这完全正确@MjrKusanagi和我有一个团队,但在我尝试做这样的事情之前,我只需要知道这是否可能。我正在寻找的信息,我将与我的团队其他成员分享。非常感谢!