编程 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 相关文章推荐

jquery 实现checkbox全选，反选，全不选等功能代码(奇数)

Oct 24 Javascript

防止xss和sql注入:JS特殊字符过滤正则

Apr 18 Javascript

一个封装js代码-----展开收起效果示例

Jul 03 Javascript

jquery淡化版banner异步图片文字效果切换图片特效

Apr 08 Javascript

js鼠标点击图片切换效果实现代码

Nov 19 Javascript

javascript函数的四种调用模式

Jan 08 Javascript

jQuery动态生成表格及右键菜单功能示例

Jan 13 Javascript

vue实现一个移动端屏蔽滑动的遮罩层实例

Jun 08 Javascript

简单实现jQuery轮播效果

Aug 18 jQuery

vue2.0+vue-dplayer实现hls播放的示例

Mar 02 Javascript

ES6中Symbol、Set和Map用法详解

Aug 20 Javascript

js数据类型转换与流程控制操作实例分析

Dec 18 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制作静态网站的模板框架(一)

2006/10/09 PHP

php 调用远程url的六种方法小结

2009/11/02 PHP

ThinkPHP实现多数据库连接的解决方法

2014/07/01 PHP

php获取twitter最新消息的方法

2015/04/14 PHP

php支付宝在线支付接口开发教程

2016/09/19 PHP

getAsDataURL在Firefox7.0下无法预览本地图片的解决方法

2013/11/15 Javascript

js获取对象为null的解决方法

2013/11/21 Javascript

一个简单的动态加载js和css的jquery代码

2014/09/01 Javascript

基于Layer+jQuery的自定义弹框

2020/05/26 Javascript

JS实现间歇滚动的运动效果实例

2016/12/22 Javascript

Vue键盘事件用法总结

2017/04/18 Javascript

vue 全选与反选的实现方法(无Bug 新手看过来)

2018/02/09 Javascript

p5.js入门教程之图片加载

2018/03/20 Javascript

浅谈VUE-CLI脚手架热更新太慢的原因和解决方法

2018/09/28 Javascript

JavaScript变速动画函数封装添加任意多个属性

2019/04/03 Javascript

keep-Alive搭配vue-router实现缓存页面效果的示例代码

2020/06/24 Javascript

jquery实现图片放大镜效果

2020/12/23 jQuery

[01:19]2014DOTA2国际邀请赛采访TITAN战队ohaiyo 能赢DK很幸运

2014/07/12 DOTA

Eclipse + Python 的安装与配置流程

2013/03/05 Python

Python运算符重载用法实例分析

2015/06/01 Python

完美解决Python2操作中文名文件乱码的问题

2017/01/04 Python

Python PyQt5实现的简易计算器功能示例

2017/08/23 Python

pip install urllib2不能安装的解决方法

2018/06/12 Python

pandas分别写入excel的不同sheet方法

2018/12/11 Python

基于Python的Post请求数据爬取的方法详解

2019/06/14 Python

如何使用python把ppt转换成pdf

2019/06/29 Python

Python 下载及安装详细步骤

2019/11/04 Python

python解析xml文件方式(解析、更新、写入)

2020/03/05 Python

使用HTML5中的contentEditable来将多行文本自动增高

2016/03/01 HTML / CSS

AmazeUi Tree(树形结构) 应用小结

2020/08/17 HTML / CSS

Cotton On美国网站：澳洲时装连锁品牌

2016/10/25 全球购物

英国户外服装品牌：Craghoppers

2019/04/25 全球购物

教师求职信范文分享

2013/12/27 职场文书

交通事故委托书范本（2篇）

2014/09/21 职场文书

师德师风整改措施

2014/10/24 职场文书

求职简历自我评价范文

2015/03/10 职场文书