欢迎光临
我们一直在努力

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

dz的编辑器有点难用,凑合着看吧

<!DOCTYPE html>
<html lang=”en”>

<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>百度下拉</title>
</head>

<body>
<input type=”text” id=”wd”>
<ul id=”keys”></ul>
</body>

<script>
// 回调函数
function key(data) {
const keys = document.getElementById(“keys”);
keys.innerHTML = (data.s).join(‘<br>’);
}

// 选择ID为wd的元素
const wd = document.getElementById(“wd”);
// 键盘松开发生的事件
wd.onkeyup = function () {
// 删除左右两端的空格
var str = this.value.replace(/(^\s*)|(\s*$)/g, ”);
// 判断去除空格之后是否为空
if (str.length !== 0) {
// 生成script
var oSrc = document.createElement(“script”)
// cb:Callback(回调) 这里不懂自行查询
oSrc.src = “https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=” + str + “&cb=key”;
document.body.appendChild(oSrc)
}
}
</script>

</html>

赞(4)
未经允许不得转载:阿强爱分享 » 百度搜索框另外一种解决方法【原生JS】

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址