<!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>Document</title>
</head>
<body>
<input type="text">
<ul></ul>
<script>
const oInp = document.querySelector('input')
const oUl = document.querySelector('ul')
function fn(res) {
console.log(res)
if (res.g) {
oUl.innerHTML = ''
res.g.forEach(ele => {
oUl.innerHTML += `<li>${ele.q}</li>`
})
}
}
oInp.oninput = function () {
const script = document.createElement('script')
script.src = `https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=36549,36626,36726,36454,31254,34812,36691,36165,36693,36570,36779,36773,36745,36762,36768,36767,26350,36650&wd=${oInp.value}&csor=3&pwd=ad&cb=fn&_=1657173285992`
document.body.append(script)
}
</script>
<!-- <script
src="https://www.baidu.com/sugrec?pre=1&p=3&ie=utf-8&json=1&prod=pc&from=pc_web&sugsid=36549,36626,36726,36454,31254,34812,36691,36165,36693,36570,36779,36773,36745,36762,36768,36767,26350,36650&wd=熊二&csor=3&pwd=ad&cb=fn&_=1657173285992"></script> -->
</body>
</html>