查看元素对应的js文件，js判断元素类型

jsp页面怎么看引入的js文件有没有用到

用google浏览器，或者360等等浏览器打开你的项目。

chrome的话，把控制台调出来，看看是否有脚本错误。

代码检测 对于JS，可以使用JSHint或者ESLint进行进行代码检测，可以检测到每个代码里面你定义（或者引入）但是并没有用到的变量。你可以在你的编辑器里面安装相关插件，也可以通过在每次代码提交之前进行检测。

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

相关问答

Q1: ...JS文件,如果能快速查出某个ID或CLASS对应的JS文件名

一般可以从文件的名字上做判断，然后再在文件中找方法。如果多个文件中有重载方法的话，按照顺序，会执行最下面那个js文件中的方法。

原生JS通过id和class获取元素是用，document.getElementById(IDname)，document.getElementsByClassName(ClassName)；兼容性：ID兼容，class 不兼容IE6，7，8 数量： 通过ID只能获取一个dom元素，通过class可以获取一组元素。

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

如果是id，可以直接用js取出来id，然后使用 window.location = window.location+#获取到的ID这样滚动到锚点。

Q2: 怎么查看网页中某个元素的js代码?

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

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

在网页中点右键，然后查看源文件，如果JS代码是直接写在HTML文件中的这样就能看到了，如果JS代码是在外部文件的，那就从HTML代码中找到js外部文件的网址，然后下载回来就能看了。

可能会碰到一些网页鼠标右键无反应或提出提示框，那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容，但是这种方法也没用，只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。

关于查看元素对应的js文件和js判断元素类型的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。