Javascript 是否可以编写一个显示';这是一个基于搜索关键字的iframe?
我想知道我是否可以以及如何编写一个搜索引擎算法,从搜索栏中的搜索中提取关键字,并找到可能的最佳解决方案(在我的例子中是一个或多个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
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和我有一个团队,但在我尝试做这样的事情之前,我只需要知道这是否可能。我正在寻找的信息,我将与我的团队其他成员分享。非常感谢!