js类似ctrlf的查询，js实现查询

调试js的时候,如何才能知道html文件中一个元素的事件响应的js代码在哪里...

1、Chrome浏览器中。找到相关ID或class。

2、找到元素的ID或者Name。或者TypeName.注册事件可能是这些东西来注册的。然后查看一下页面的引用。

3、右击网页，然后查看源文件。如果js代码直接写在HTML文件里，就能看出来。如果JS代码在外部文件中，可以从HTML代码中找到JS外部文件的URL，然后下载回来就可以看到了。

4、通常javascript代码可以与HTML标签一起直接放在前端页面中，但如果JS代码多的话一方面不利于维护，另一方面也对搜索引擎不友好，因为页面因此而变得臃肿；所以一般有良好开发习惯的程序员都会把javascript代码放到独立的js文件中，其他页面通过引入该js文件来使用相应的 javascript代码。

相关问答

Q1: 怎么查看网页js函数的位置(具体看补充问题)

具体操作步骤如下： 打开八爪鱼采集器，并创建一个新的采集任务。 在任务设置中，输入您要采集的网页地址，并选择合适的采集模板。 在采集规则设置中，选择需要抓取的内容类型为“链接”。 在链接的提取规则中，选择“JS函数调用”作为提取方式。

如果会调试，可以用打开浏览器的调试功能。以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。

需要准备的材料分别有：电脑、chrome浏览器。首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。刷新页面，此时会列出所有调用的js文件。

在IE11中可以用开发人员工具来看网页中的JS错误。打开要调试的网页。按F12打开开发人员工具。点击控制台，再刷新当前页面。如果有JS错误就会出现如下图提示：调试：点击上面的错误，就会跳转到相对应的JS中。可以进行调试。

Q2: 如何查找网页元素对应的JS代码(如图)

1、通过 Chrome 浏览器的 DevTools.首先在你要查找的元素上点右键。点审查元素：在Dom树中找到你要查看的元素：点击右边或者下边的 Event Listeners：会出现一个这个元素绑定的dom事件的列表，比如上图li绑定了一个onmouseover。点击右边的 j.js：2390 就会跳到事件绑定代码定义的位置。

2、找到元素的ID或者Name。或者TypeName.注册事件可能是这些东西来注册的。然后查看一下页面的引用。

3、点击虫子的图标（前提是你已经安装插件，插件在火狐应用商店里。）点击之后就会出来一个单独的控制台。如图：选择js列表，该列表是当前页面所有引入的js。选择需要断点的js.（如果不知道具体是运行哪个js，那就只能去分析页面。）选择js后，如果代码太乱，点击“{}”按钮，就能让代码格式化。

4、Chrome浏览器中。找到相关ID或class。

5、google chrome的开发者模式下（F12），用ctrl+shift+c或者点击弹出来的窗口左上角的箭头， 点选你要看的某个元素，在窗口的下方可以显示css。

6、了从哪个版本开始，脚本编辑器/Automator支持了用JavaScript语言写脚本。JavaScript里获取网页元素的语句前半段是document.get，有很多种组合方式：.getElementById，.getElementsByClassName，.getElementsByTagName，.getElementsByTagNameNS。

关于js类似ctrlf的查询和js实现查询的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。