百度搜索框另外一种解决方法【原生JS】

azhong0418 · 发表于 2022-6-24 21:00:32

刚刚那位做的百度搜索框教程很适合初学者，不过忘记了跨域。
dz的编辑器有点难用，凑合着看吧
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>百度下拉</title>
</head>
<body>
<inputtype="text"id="wd">
<ulid="keys"></ul>
</body>
<script>
//回调函数
functionkey(data){
constkeys=document.getElementById("keys");
keys.innerHTML=(data.s).join('<br>');
}
//选择ID为wd的元素
constwd=document.getElementById("wd");
//键盘松开发生的事件
wd.onkeyup=function(){
//删除左右两端的空格
varstr=this.value.replace(/(^\s*)|(\s*$)/g,'');
//判断去除空格之后是否为空
if(str.length!==0){
//生成script
varoSrc=document.createElement("script")
//cb：Callback(回调)这里不懂自行查询
oSrc.src="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+str+"&cb=key";
document.body.appendChild(oSrc)
}
}
</script>
</html>

相关帖子