首页 > 代码库 > 原生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模拟百度搜索关键字与跳转