首页 > 代码库 > 原生JS模拟百度搜索关键字与跳转

原生JS模拟百度搜索关键字与跳转

css:

ul{

  display:none;

}

html:

<input type="text" id="text" />

<ul id="list"></ul>

JS:

<script>

  var oTxt = document.getElementById("text");

  var oUl = document.getElementById("list");

  oTxt.onkeyup = function(){

    var val = oTxt.value;

    var oScript = document.createElement(‘script‘);

    oScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+val+"&cb=hhl";

    document.body.appendChild( oScript );

    document.body.removeChild( oScript );

  }; 

  function hhl( data ){

    var str = ‘‘;

    for( var i = 0;i<data.s.length;i++ ){

      str += ‘<li><a href="https://www.baidu.com/s?wd=‘+data.s[i]+‘">‘+data.s[i]+‘</a></li>‘;

    }

    oUl.innerHTML = str;

    oUl.style.display = ‘block‘;

  }

</script>

原生JS模拟百度搜索关键字与跳转