编程 Javascript

JS实现同时搜索百度和必应的方法

Posted in Javascript onJanuary 27, 2015

本文实例讲述了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 style="text-align: center;">

-->

<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="同时搜索百度和必应">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<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 style="text-align: center;">

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

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

<input type="button" value="搜一下~" onclick="mixSearch();" />

</form>

<hr />
</body>

</html>

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

JS实现同时搜索百度和必应的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript的parseInt 进制问题

May 07 Javascript

Javascript 面向对象（二）封装代码

May 23 Javascript

javascript右下角弹层及自动隐藏(自己编写)

Nov 20 Javascript

node.js中的http.response.write方法使用说明

Dec 14 Javascript

jQuery中ajax的post()方法用法实例

Dec 26 Javascript

javascript实现10个球随机运动、碰撞实例详解

Jul 08 Javascript

jQuery实现QQ空间汉字转拼音功能示例

Jul 10 jQuery

JavaScript中附件预览功能实现详解（推荐）

Aug 15 Javascript

Vue全家桶实践项目总结(推荐)

Nov 04 Javascript

JavaScript中常用的简洁高级技巧总结

Mar 10 Javascript

element-ui表格合并span-method的实现方法

May 21 Javascript

微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能（函数防抖）

Sep 19 Javascript

js获取域名的方法

Jan 27 #Javascript

JavaScript插件化开发教程（一）

Jan 27 #Javascript

js的toLowerCase方法用法实例

Jan 27 #Javascript

js的toUpperCase方法用法实例

Jan 27 #Javascript

JS输入用户名自动显示邮箱后缀列表的方法

Jan 27 #Javascript

js判断鼠标左、中、右键哪个被点击的方法

Jan 27 #Javascript

js判断是否按下了Shift键的方法

Jan 27 #Javascript

You might like

PHP中的cookie

2006/11/26 PHP

PHP中使用cURL实现Get和Post请求的方法

2013/03/13 PHP

基于PHP读取csv文件内容的详解

2013/06/18 PHP

PHP把小数转成整数3种方法

2014/06/30 PHP

PHP把MSSQL数据导入到MYSQL的方法

2014/12/27 PHP

Laravel 5.3 学习笔记之错误&日志

2016/08/28 PHP

Laravel访问出错提示：`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法

2019/04/02 PHP

检测jQuery.js是否已加载的判断代码

2011/05/20 Javascript

JSON传递bool类型数据的处理方式介绍

2013/09/18 Javascript

JS教程:window.location使用方法的区别介绍

2013/10/04 Javascript

js判断客户端是iOS还是Android等移动终端的方法

2013/12/11 Javascript

实例讲解js验证表单项是否为空的方法

2016/01/09 Javascript

html+js+highcharts绘制圆饼图表的简单实例

2016/08/04 Javascript

HTML5 canvas 9绘制图片实例详解

2016/09/06 Javascript

jquery使用EasyUI Tree异步加载JSON数据（生成树）

2017/02/11 Javascript

详解如何在NodeJS项目中优雅的使用ES6

2017/04/22 NodeJs

JavaScript中附件预览功能实现详解（推荐）

2017/08/15 Javascript

Vue 打包的静态文件不能直接运行的原因及解决办法

2020/11/19 Vue.js

[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

使用python BeautifulSoup库抓取58手机维修信息

2013/11/21 Python

Python每天必学之bytes字节

2016/01/28 Python

Python读大数据txt

2016/03/28 Python

python中abs&map&reduce简介

2018/02/20 Python

tensorflow实现KNN识别MNIST

2018/03/12 Python

numpy基础教程之np.linalg

2019/02/12 Python

python使用adbapi实现MySQL数据库的异步存储

2019/03/19 Python

Pytorch中的variable, tensor与numpy相互转化的方法

2019/10/10 Python

python3处理word文档实例分析

2020/12/01 Python

Manuka Doctor英国官网：真正的麦卢卡蜂蜜和护肤品

2018/10/26 全球购物

MUGLER官方网站：蒂埃里·穆勒香水

2019/11/26 全球购物

兰蔻法国官方网站：Lancôme法国

2020/02/22 全球购物

水利公司纪检监察自我鉴定

2014/02/25 职场文书

校园安全广播稿范文

2014/09/25 职场文书

2015年防灾减灾工作总结

2015/07/24 职场文书

2016暑期社会实践心得体会范文

2016/01/14 职场文书

经典励志格言：每日一句，让你每天充满能量

2019/08/16 职场文书