按钮点击打开百度搜索

最新推荐文章于 2023-05-12 10:09:38 发布

Web魔法师

最新推荐文章于 2023-05-12 10:09:38 发布

阅读量1.6k

点赞数 1

分类专栏：前端工具文章标签： javascript

本文链接：https://blog.csdn.net/lengyuewusheng99/article/details/107151440

版权

前端工具专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
	
function formSubmit(){
	var searchValue=document.getElementById("kw").value;//获取搜索框内容
	var submitValue=searchValue+"+site:shuobo.info";//拼接百度搜索打开的链接
	var a=document.createElement('a');//创建一个超链接a标签,按钮submit时，触发点击超级链接动作
	var href="https://m.baidu.com/s?word=" + submitValue;//百度搜索需要打开的完整链接
	a.setAttribute('href',href);//为超链接添加href属性;
	a.setAttribute('target','_blank');//点击超链接时打开新的页面;
	a.setAttribute('id','myLink');//为超链接添加id
	if(document.getElementById("myLink")){//防止重复添加，如果页面中已经存在相同id的超链接，则删除
		document.body.removeChild(document.getElementById("myLink"));
	   }	
	document.body.appendChild(a);//把创建的超链接添加到页面
	a.click();//模拟触发点击超链接的click动作	
}
 function isEnter(ev)
{
var ev = ev || window.event;
var keycode;
if(window.event) keycode = ev.keyCode;
else keycode = ev.which;
if(keycode == 10 || keycode == 13) return true;
else return false;
}
</script>
</head>
<body>
<section class="head-search" data-class="text">
	
	
<form id="search" class="search-form search hd_search" >
 
<input type="text" name="word" id="kw" class="search-ipt sh_ipt" onkeydown="if(isEnter(event)){myBtn.click();return false;}" placeholder="搜你想搜">
<input type="button" onclick="formSubmit()" id="myBtn" value="百度一下">
</form>
	</section>
 
</body>
</html>

Web魔法师

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
按钮点击打开百度搜索

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script> function formSubmit(){ var searchValue=document.getElementById("kw").value;//获取搜索框内容 var submitValue=searchValue+"+.
复制链接

扫一扫