百度搜索框另外一种解决方法【原生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>
蒙,啥啊这是?
页:
[1]