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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
Apr 12 Javascript
javascript常见操作汇总
Sep 03 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
详解Node中导入模块require和import的区别
Aug 11 Javascript
代码详解JS操作剪贴板
Feb 11 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
vue 插件的方法代码详解
Jun 06 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
在Vue中使用this.$store或者是$route一直报错的解决
Nov 08 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中mb_convert_encoding与iconv函数的深入解析
2013/06/21 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
js parsefloat parseint 转换函数
2010/01/21 Javascript
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
JavaScript 大数据相加的问题
2011/08/03 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
js中Number数字数值运算后值不对的解决方法
2017/02/28 Javascript
Javascript实现登录记住用户名和密码功能
2017/03/22 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
js 只比较时间大小的实例
2017/10/26 Javascript
vue配置多页面的实现方法
2018/05/22 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
2018/08/07 Javascript
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
JavaScript ES6 Class类实现原理详解
2020/05/08 Javascript
jQuery 移除事件的方法
2020/06/20 jQuery
JavaScript代码模拟鼠标自动点击事件示例
2020/08/07 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
在Python的Django框架中编写错误提示页面
2015/07/22 Python
一道python走迷宫算法题
2018/01/22 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
linux下python使用sendmail发送邮件
2018/05/22 Python
Python设计模式之原型模式实例详解
2019/01/18 Python
python实现图片中文字分割效果
2019/07/22 Python
python导入不同目录下的自定义模块过程解析
2019/11/18 Python
在flask中使用python-dotenv+flask-cli自定义命令(推荐)
2020/01/05 Python
tensorflow -gpu安装方法(不用自己装cuda,cdnn)
2020/01/20 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
keras 解决加载lstm+crf模型出错的问题
2020/06/10 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
python 实现逻辑回归
2020/12/30 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
struct与class的区别
2014/02/03 面试题
岗位职责的含义
2013/11/17 职场文书
2015年结对帮扶工作总结
2015/05/04 职场文书