编程 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实现解析XML文档与字符串

Mar 01 Javascript

BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)

Dec 01 Javascript

Json按某个键的值进行排序

Dec 22 Javascript

jquery实现转盘抽奖功能

Jan 06 Javascript

JS 插件dropload下拉刷新、上拉加载使用小结

Apr 13 Javascript

vue教程之toast弹框全局调用示例详解

Aug 24 Javascript

vue项目中添加单元测试的方法

Jul 21 Javascript

Vue实现动态添加或者删除对象和对象数组的操作方法

Sep 21 Javascript

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

Sep 25 Javascript

监控微信小程序中的慢HTTP请求过程详解

Jul 05 Javascript

Vue scoped及deep使用方法解析

Aug 01 Javascript

vue data有值,但是页面{{}} 取不到值的解决

Nov 09 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 Zip解压文件在线解压缩的函数代码

2010/05/26 PHP

php中修改浏览器的User-Agent来伪装你的浏览器和操作系统

2011/07/29 PHP

解析php时间戳与日期的转换

2013/06/06 PHP

PHP实现递归无限级分类

2015/10/22 PHP

PHP的APC模块实现上传进度条

2015/10/27 PHP

PHP实现找出链表中环的入口节点

2018/01/16 PHP

PHP实现无限极分类的两种方式示例【递归和引用方式】

2019/03/25 PHP

Javascript学习笔记9 prototype封装继承

2010/01/11 Javascript

idTabs基于JQuery的根据URL参数选择Tab插件

2012/04/11 Javascript

cookie 最近浏览记录(中文escape转码)具体实现

2013/06/08 Javascript

$("").click与onclick的区别示例介绍

2014/09/25 Javascript

javascript显示倒计时控制按钮的简单实现

2016/06/07 Javascript

js检查是否关闭浏览器的方法

2016/08/02 Javascript

JavaScript 闭包详细介绍

2016/09/28 Javascript

ExtJS 4.2 Grid组件单元格合并的方法

2016/10/12 Javascript

基于bootstrap实现收缩导航条

2017/03/17 Javascript

理解javascript async的用法

2017/08/22 Javascript

Vue 中的compile操作方法

2018/02/26 Javascript

nodejs通过钉钉群机器人推送消息的实现代码

2019/05/05 NodeJs

Vue模板语法中数据绑定的实例代码

2019/05/17 Javascript

nodejs实现日志读取、日志查找及日志刷新的方法分析

2019/05/20 NodeJs

基于ajax实现上传图片代码示例解析

2020/12/03 Javascript

JavaScript实现瀑布流布局的3种方式

2020/12/27 Javascript

python基础教程之基本内置数据类型介绍

2014/02/20 Python

python里大整数相乘相关技巧指南

2014/09/12 Python

将pytorch转成longtensor的简单方法

2020/02/18 Python

python——全排列数的生成方式

2020/02/26 Python

Django基于客户端下载文件实现方法

2020/04/21 Python

浅谈Python中的继承

2020/06/19 Python

CSS3利用text-shadow属性实现多种效果的文字样式展现方法

2016/08/25 HTML / CSS

Hunkemöller瑞士网上商店：欧洲最大的内衣品牌之一

2018/12/03 全球购物

英国护发和美妆在线商店：Klip Shop

2019/03/24 全球购物

趣味活动策划方案

2014/02/08 职场文书

英语教师求职信

2014/06/16 职场文书

2014年化妆品销售工作总结

2014/12/01 职场文书

PostgreSQL聚合函数介绍以及分组和排序

2022/04/12 PostgreSQL