本文目录一览：
1、chrome审查元素功能能 查找元素相应的JS吗
2、知道html元素，如何定位js代码
3、如何查找网页元素对应的JS代码（如图）
chrome审查元素功能能 查找元素相应的JS吗
可以查找对应的js 找到网页上js部分 右击 选择【审查元素】 跳出的窗口中即可显示该js在网页代码中的位置
知道html元素，如何定位js代码
首先对于一些简单的html页面，里面的js文件加载的也少的情况下，我们可以可以使用火狐的firebug或者google的控制台都可以轻松的查看. 火狐浏览器的查看方法安装Firebug然后按F12选中你要看的dom元素在右侧的事件中可以详细的看到绑定了那些事件. Google浏览器也可以用同样的方法查看对应dom元素绑定的事件. F12--Elements--Event Listenners 但是对于一些复杂的Html页面,相当于加载的js文件和相应的插件也比较多,这个时候用浏览器自带的事件查看器就显得力不从心了! 所以遇到上面这种情况,我们想快速定位一个元素绑定那些事件的时候,就得借助google的Visual Event插件帮助我们快速定位了,所以我们首先我们的去google 扩展库去下载对应的插件并安装. 安装成功后浏览器的右上角会出现一个小眼睛. 接着说说一下如何使用Visual Event插件的小眼睛，等页面加载完之后，点击小眼睛然后大概过不了5秒钟，就可以看到页面上元素绑定事件了. 最后移动鼠标到你想查看的元素上面就可以看到对于的js文件已经和对应的事件名真的很方便使用. 【来源网络】
如何查找网页元素对应的JS代码（如图）
如果会调试，可以用打开浏览器的调试功能。 以chrome为例，按F12打开调试窗口，切换到Sources选项卡，最右边的Event Listener Breakpoints里勾选Mouse下的mouseover即可，当鼠标移动到图片上时触发mouseover事件，chrome可响应事件设置断点，跟踪js代码查看就可以。
