在输入框输入关键词后，实时动态的在ul li里面显示联想词!
```<!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>```
请登录后发表评论
注册
停留在世界边缘，与之惜别