技术牛人讲诉JS实现同时搜索百度和必应的方法
以下内容是关于JS实现同时搜索百度和必应的方法,资深技术强烈推荐,不会的朋友赶快来学习一下吧。
本文实例讲述了JS实现同时搜索百度和必应的方法。分享给大家供大家参考。具体如下:
这里实现同时搜索百度和必应的功能,输入关键字,点击“搜一下”按钮,两个搜索引擎的结果在同个页面打开,方便。
将下面这两个htm文件保存,放在同一个文件夹下,打开第一个文件就可以了。
index.htm的代码:
<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的代码如下:
<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实现同时搜索百度和必应的方法还有不会的朋友可以按照上面的步骤来解决,更多相关教程,请继续关注我们。
上一篇:手把手演示javascript将数字转换整数金额大写的方法
下一篇:高手说明js获取域名的方法
本文地址:https://www.tabangni.com/jsstudy/41325.html
查看更多与“方法同时js”有关的文章
推荐阅读
- 1技术牛人讲诉JS实现同时搜索百度和必应的方法
- 2笔者传授利用Js的console对象,在控制台打印调式信息测试Js的实现
- 3技术牛人阐述bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
- 4笔者讲述仿淘宝首页分类列表效果实现代码
- 5主编教您纯JS实现可拖拽表单的简单实例
- 6大师细说javascript中获取元素标签中间的内容的实现方法
- 7资深技术员普及利用JS响应式修改vue实现页面的input值
- 8大师讲述bootstrap fileinput 上传插件的基础使用
- 9大神详解取得元素的左和上偏移量的方法
- 10大神讲诉Javascript实现跑马灯效果的简单实例
最近更新
- 01-21技术牛人讲诉JS实现同时搜索百度和必应的方法
- 01-21笔者传授利用Js的console对象,在控制台打印调式信息测试Js的实现
- 01-21技术牛人阐述bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
- 01-21笔者讲述仿淘宝首页分类列表效果实现代码
- 01-21SQL server使用自定义函数以及游标
- 01-21主编教您纯JS实现可拖拽表单的简单实例
- 01-21大师细说javascript中获取元素标签中间的内容的实现方法
- 01-21资深技术员普及利用JS响应式修改vue实现页面的input值
- 01-21MySQL抛出Incorrect string value异常分析
- 01-21大师讲述bootstrap fileinput 上传插件的基础使用