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

Posted 2020-09-02 我要成为酷酷的人

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>