我想通过F2控制台用js代码直接操控这个搜索框(就是模拟点击搜索框的搜索,不是从地址栏操作),怎么操作,或者html代码也可以

这个是链接:https://sgt.znzmo.com/sgt.html

问题遇到的现象和发生背景
遇到的现象和发生背景,请写出第一个错误信息
用代码块功能插入代码,请勿粘贴截图。 不用代码块回答率下降 50%
运行结果及详细报错内容
我的解答思路和尝试过的方法,不写自己思路的,回答率下降 60%
我想要达到的结果,如果你需要快速回答,请尝试 “付费悬赏”

img

你可以直接这样来达到效果,其实就是调了人家的get接口,动态抓了以下:

img


img

至于用js,上边的各位为什么不去实际题主给的网站尝试呢,人家网站是封装的VUE,不是用原生的js,

img


用原生的是没法通过元素选择器来触发的

我现在写给你

可以使用 JavaScript 的 querySelector 方法来选择搜索框,然后使用 focus 方法将光标移动到搜索框中,并使用 value 属性设置搜索内容。

例如,下面是一个示例代码,该代码将会在控制台中操控搜索框:

// 获取搜索框元素
var searchBox = document.querySelector("#search-box");

// 将光标移动到搜索框中
searchBox.focus();

// 设置搜索内容
searchBox.value = "Hello, World!";


要模拟点击搜索按钮,可以使用 JavaScript 的 click 方法来触发按钮的点击事件。例如,下面是一// 获取搜索按钮元素
var searchButton = document.querySelector("#search-button");

// 触发搜索按钮的点击事件
searchButton.click();
在上述代码中,#search-button 是搜索按钮的 id,您可以根据实际情况修改 id。

希望这些信息能帮助到您,仅供参考,望采纳,谢谢。

参考该实例【JS实现仿百度搜索框(实时返回搜索建议项)】,链接:https://blog.csdn.net/rujin_shi/article/details/83657566?spm=1001.2101.3001.6650.13&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-13-83657566-blog-121222947.pc_relevant_aa2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-13-83657566-blog-121222947.pc_relevant_aa2&utm_relevant_index=19

使用 JavaScript 的 querySelector 函数来输入框,然后给输入框赋值,触发搜索事件
1、打开控制台查看输入框部分代码

img

发现改输入框可以通过class选中,在控制台输入以下代码

document.querySelector('.searchInput___2L-4T').value='想搜索的内容'

2、同样的方法查看搜索按钮的代码,在控制台输入以下代码

document.querySelector('.topOptsRecoginze___1k-yh').click();//触发搜索按钮

要通过 JavaScript 操作搜索框,首先需要选中该搜索框。有几种方式可以选中搜索框:

1、通过它的 id 选中:

const searchBox = document.getElementById('search-box');

2、通过它的 class 选中:

const searchBox = document.getElementsByClassName('search-box')[0];

3、通过它的 name 选中:

const searchBox = document.getElementsByName('search-box')[0];

4、通过它的标签名选中:

const searchBox = document.getElementsByTagName('input')[0];

接下来,可以使用 searchBox.value 属性设置搜索框中的文本,然后通过触发搜索按钮的 click 事件来模拟点击搜索:

searchBox.value = 'search text';
const searchButton = document.getElementById('search-button');
searchButton.click();

仅供参考,望采纳,谢谢。

要通过 JavaScript 操作搜索框,首先需要选中该搜索框。有几种方式可以选中搜索框:

1、通过它的 id 选中:

const searchBox = document.getElementById('search-box');
2、通过它的 class 选中:

const searchBox = document.getElementsByClassName('search-box')[0];
3、通过它的 name 选中:

const searchBox = document.getElementsByName('search-box')[0];
4、通过它的标签名选中:

const searchBox = document.getElementsByTagName('input')[0];
接下来,可以使用 searchBox.value 属性设置搜索框中的文本,然后通过触发搜索按钮的 click 事件来模拟点击搜索:

searchBox.value = 'search text';
const searchButton = document.getElementById('search-button');
searchButton.click();