手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现同时搜索百度和必应的方法
JS实现同时搜索百度和必应的方法
摘要:本文实例讲述了JS实现同时搜索百度和必应的方法。分享给大家供大家参考。具体如下:这里实现同时搜索百度和必应的功能,输入关键字,点击“搜一下”...

本文实例讲述了JS实现同时搜索百度和必应的方法。分享给大家供大家参考。具体如下:

这里实现同时搜索百度和必应的功能,输入关键字,点击“搜一下”按钮,两个搜索引擎的结果在同个页面打开,方便。

将下面这两个htm文件保存,放在同一个文件夹下,打开第一个文件就可以了。

index.htm的代码:

复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>同时搜索百度和必应</title>

<meta http-equiv="keywords" content="同时搜索百度和必应">

<meta http-equiv="description" content="同时搜索百度和必应">

</head>

<!--<body>

-->

<frameset rows="30%,70%">

<frame src="keleyi.htm">

</frame>

<frameset cols="45%,45%">

<frame id="baiduFrame" name="baiduFrame" src="images/baidu.jpg"></frame>

<frame id="bingFrame" name="bingFrame" src="images/baidu.jpg"></frame>

</frameset>

</frameset>

<!--<iframe id="baiduFrame" width="49%" height="100%" ></iframe>

<iframe id="bingFrame" width="49%" height="100%" ></iframe>

</body>-->

</html>

第二个的文件名为keleyi.htm

keleyi.htm的代码如下:

复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>同时搜索百度和必应</title>

<meta http-equiv="keywords" content="同时搜索百度和必应">

<meta http-equiv="description" content="同时搜索百度和必应">

<>

<script type="text/javascript">

function $(id) {

return document.getElementById(id);

}

function mixSearch() {

var okeyword = $("keyword");

var oForm = $("searchForm");

//提交给百度,构造地址参数

oForm.action = "http://www.baidu.com/s";

okeyword.name = "wd";

oForm.method = "get";

oForm.target = "baiduFrame";

oForm.submit();

//提交给bing,构造地址参数

oForm.action = "http://hk.bing.com/search";

okeyword.name = "q";

oForm.method = "get";

oForm.target = "bingFrame";

oForm.submit();

}

</script>

</head>

<body>

<form action="" id="searchForm" method="get" target="baiduFrame">

<input type="text" id="keyword" name="wd" value="" />

<input type="button" value="搜一下~" />

</form>

<hr />

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

【JS实现同时搜索百度和必应的方法】相关文章:

JS实现简单路由器功能的方法

JS显示日历和天气的方法

JavaScript每天定时更换皮肤样式的方法

Jquery实现动态切换图片的方法

jQuery实现控制文字内容溢出用省略号(…)表示的方法

jQuery实现转动随机数抽奖效果的方法

JQuery中DOM实现事件移除的方法

Javascript实现div层渐隐效果的方法

JavaScript实现表格点击排序的方法

JavaScript实现单击下拉框选择直接跳转页面的方法

精品推荐
分类导航