JavaScript实现站内百度搜索跳转效果源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > 其他 > JavaScript实现站内百度搜索跳转效果源码下载

在很多网站都有百度搜索效果，当然这个搜索可以使用百度提供的代码，也可以自定义实现，下面就通过代码实例介绍一下如何实现此功能，代码比较简单实际应用中完全可以利用百度提供的代码，当然这里只是希望代码给浏览者带来启示作用。

代码如下:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="https://www.51qianduan.com/" />   
<title>51前端</title> 
<script type="text/javascript"> 
window.onload=function(){
  (function(document){ 
    var submit = document.getElementById('submit'); 
    var keyword = document.getElementById('keyword'); 
    var url = 'http://www.baidu.com/baidu?wd='; 
    submit.onclick= function() { 
      var href = url + escape(keyword.value); 
      if(href !== submit.href){ 
        submit.href =href ；
      } 
    } 
  })(document); 
}
</script> 
<body>
<input type="search" id="keyword" autocomplete="off" placeholder="请输入搜索关键字" /> 
<a href="###" id="submit" target="_blank" >搜索</a> 
</body>
</html>

代码描述：JavaScript站内百度搜索跳转效果。JavaScript实现站内百度搜索跳转效果源码下载

下载全部收藏

177 236

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册