写几个获取搜索引擎提示关键词列表的方法,方便以后使用

什么是关键词#

当你在搜索引擎中输入字符的时候,会有一个下拉框显示一些和关键词列表,用来提示你想搜啥。

直接上代码

javascript 复制代码
/**
 * 获取各大搜索引擎的关键字列表 
 */

/** 获取随机小写字母 */
function getRandomLetters(number) {
    const alphabet = 'abcdefghijklmnopqrstuvwxyz';
    let value = '';
    for (let i = 0; i < number; i++) {
        value = value + alphabet[Math.floor(Math.random() * alphabet.length)];
    }
    return value;
}
/** 获取百度关键词列表 */
let dataMap = {};  //缓存列表
function getBaiDuSug(searchValue){
    return new Promise((r)=>{
        if(dataMap[searchValue]){
            r(dataMap[searchValue]);
            return;
        }
        /** 创建一个唯一标识用于接受数据,防止数据对应不齐 */
        let sign = `sug_sign_${getRandomLetters(3)}_${new Date().getTime()}`;
        window[sign] = (data)=>{
            setTimeout(()=>{sug.remove();},1000);  //删除元素
            let list = data.s || [];
            dataMap[searchValue] = list;
            r(list);
        }
        let sug = document.createElement('script');
        sug.src = `https://suggestion.baidu.com/su?wd=${encodeURIComponent(searchValue || '')}&cb=window.${sign}`;
        document.getElementsByTagName('body')[0].appendChild(sug);
    });
}
/** 获取bing关键词列表 */
let dataMap_1 = {};  //缓存列表
function getBingSug(searchValue){
    return new Promise((r)=>{
        if(dataMap_1[searchValue]){
            r(dataMap_1[searchValue]);
            return;
        }
        /** 创建一个唯一标识用于接受数据,防止数据对应不齐 */
        let sign = `sug_sign_${getRandomLetters(3)}_${new Date().getTime()}`;
        window[sign] = (data)=>{
            setTimeout(()=>{sug.remove();},1000);  //删除元素
            let list = [];
            let list_1 = data.AS.Results || [];
            list_1.forEach(item=>{
                list.push(...item.Suggests.map(item_=>{
                    return item_.Txt;
                }));
            });
            dataMap_1[searchValue] = list;
            r(list);
        }
        let sug = document.createElement('script');
        sug.src = `https://api.bing.com/qsonhs.aspx?type=cb&q=${encodeURIComponent(searchValue || '')}&cb=window.${sign}`;
        document.getElementsByTagName('body')[0].appendChild(sug);
    });
}
/** 获取360关键词列表 */
let dataMap_2 = {};  //缓存列表
function get360Sug(searchValue){
    return new Promise((r)=>{
        if(dataMap_2[searchValue]){
            r(dataMap_2[searchValue]);
            return;
        }
        /** 创建一个唯一标识用于接受数据,防止数据对应不齐 */
        let sign = `sug_sign_${getRandomLetters(3)}_${new Date().getTime()}`;
        window[sign] = (data)=>{
            setTimeout(()=>{sug.remove();},1000);  //删除元素
            let list = [];
            let list_1 = data.result || [];
            list_1.forEach(item=>{
                list.push(item.word || '');
            });
            dataMap_2[searchValue] = list;
            r(list);
        }
        let sug = document.createElement('script');
        sug.src = `https://sug.so.360.cn/suggest?encodein=utf-8&encodeout=utf-8&format=json&word=${encodeURIComponent(searchValue || '')}&callback=window.${sign}`;
        document.getElementsByTagName('body')[0].appendChild(sug);
    });
}
/** 获取淘宝关键词列表 */
let dataMap_3 = {};  //缓存列表
function getTaoBaoSug(searchValue){
    return new Promise((r)=>{
        if(dataMap_3[searchValue]){
            r(dataMap_3[searchValue]);
            return;
        }
        /** 创建一个唯一标识用于接受数据,防止数据对应不齐 */
        let sign = `sug_sign_${getRandomLetters(3)}_${new Date().getTime()}`;
        window[sign] = (data)=>{
            setTimeout(()=>{sug.remove();},1000);  //删除元素
            let list = [];
            let list_1 = data.result || [];
            list_1.forEach(item=>{
                list.push(item[0] || '');
            });
            dataMap_3[searchValue] = list;
            r(list);
        }
        let sug = document.createElement('script');
        sug.src = `https://suggest.taobao.com/sug?code=utf-8&q=${encodeURIComponent(searchValue || '')}&callback=window.${sign}`;
        document.getElementsByTagName('body')[0].appendChild(sug);
    });
}

方便以后直接复制使用,使用例子

javascript 复制代码
getBingSug('苹果').then(e=>{
    console.log(e);
})

非常的好用哇,为什么要有个sign标识呢,因为多次调用会存在一个问题,就是不知道这次的列表是对应我输入的什么字符的,现在这个完美解决了这个问题。

原文

相关推荐
那年窗外下的雪.3 分钟前
VXLAN EVPN 分层排障:从 VTEP 可达、ARP/MAC 到 MAC Mobility
服务器·前端·网络·数据库·spine
禁止摆烂_才浅1 小时前
JavaScript 类型判断:instanceof 与 constructor 原理深度解析
前端·javascript·面试
gezg1 小时前
DeepSeek Harness 插件:Excel 拖进输入框,AI 自己去读文件
前端·ai编程
Asize1 小时前
HTTP 明明无状态,登录态怎么就保住了——React + Zustand + JWT 鉴权全流程拆解
前端·javascript
两只羊ovo1 小时前
MCP:AI 界的 USB-C,把模型和世界「插」起来
前端
Darling噜啦啦1 小时前
JWT 登录鉴权全链路:从 Zustand 状态管理到 Axios 拦截器,彻底搞懂前端鉴权工程
前端
可涵不会debug1 小时前
LangChain 示例选择器(Example selectors)完整基础概念解读
服务器·前端·数据库
Csvn1 小时前
😱 React `<StrictMode>`:为什么 useEffect 被调用了两次?别慌,这是特性不是 bug
前端
Asize2 小时前
2 道大厂面试题:TS 工具类型我懂了,CSS 3 列布局把我问住了
前端·css·typescript
胡萝卜术2 小时前
从"氛围编程"到规范驱动:两次创造如何让 AI 协作从碰运气变成工程流水线
前端·面试·github