wtujcf123 发表于 2022-10-10 16:36

请教js中如何在地址栏输入命令

本帖最后由 wtujcf123 于 2022-10-10 16:41 编辑

各位老师,有个问题想请教下:
1.打开必应官网,按f12在控制台输入document.querySelector("#kw").value="测试"回车可在输入框输入“测试”;
https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/13348966ec545aa42881ef62b67d0b95bd3edd98e62f45c8b8fbf7b1d3195880fc4d259c7b98416576bf4b0245a2f4b9?pictype=scale&from=30113&version=3.3.3.3&fname=1.png&size=750

2.打开必应官网,在浏览器的地址栏输入“javascript:document.querySelector("#sb_form_q").value="测试"”也可以得到“测试”两字。但确会跳转到另一个页面。
https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/f9b67cbcd06203ee263c964fe90869664cf4aa64fb581729feb0c2c108a7cbe2c74177abfc48bd3a698d6b2ffcb9462c?pictype=scale&from=30113&version=3.3.3.3&fname=2.png&size=750
https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/a2883e682ca6e0cf3bdb23cc844de894fdaa9206de166642169eeec27adec0c249ef516de97a713ff8c2c96f3861b812?pictype=scale&from=30113&version=3.3.3.3&fname=3.png&size=750

3.请问如何在地址栏输入命令,也可以得到第一个效果呢(即页面不跳转,仅在输入框得到”测试”。)

Sen 发表于 2022-10-10 16:48

这第二种方法不成立

侯保恩 发表于 2022-10-10 16:50

我之前也遇到过这种问题,我的解决方法是加个function:Dweeqw
javascript:function test(){document.querySelector("#sb_form_q").value="测试"};test();

Yeahhhh 发表于 2022-10-10 16:56

本帖最后由 Yeahhhh 于 2022-10-10 17:06 编辑

javascript:document.querySelector("#sb_form_q").setAttribute('value','测试')

Js_Aaron 发表于 2022-10-10 17:14

console.log()这样的吗

lucklys 发表于 2022-10-10 17:17

地址栏不支持的

平淡最真 发表于 2022-10-10 17:21

加到收藏里点一下,第二个带javascript:的那个

npc404 发表于 2022-10-10 17:32

javascript这个伪协议会用返回值替换页面内容,你可以返回undefined来阻止这个行为,例如javascript:void(document.querySelector("#sb_form_q").value='test'),或者用逗号表达式document.querySelector("#sb_form_q").value='test',undefined

知心 发表于 2022-10-10 18:32

方式一设置不了吧。必应的页面上就没有id是kw的元素。楼主你想实现的最终效果是什么

wtujcf123 发表于 2022-10-10 18:44

侯保恩 发表于 2022-10-10 16:50
我之前也遇到过这种问题,我的解决方法是加个function
javascript:function test(){document.query ...

谢谢了,这个方法不错。
页: [1] 2
查看完整版本: 请教js中如何在地址栏输入命令