篡命师 发表于 2022-12-16 11:00:00

百度搜索框另外一种解决方法【原生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>

king5wen 发表于 2022-12-16 18:33:16

蒙,啥啊这是?
页: [1]
查看完整版本: 百度搜索框另外一种解决方法【原生JS】