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

如何查找网页元素对应的JS代码(如图),第1张

如果会调试,可以用打开浏览器的调试功能。

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

动态生成HTML,无法绑定click等事件名等方法,但是可以使用live或者on方法动态获取 $(function(){ $('body')append('点击'); $('demo')on('click', function(){ alert('被电击了'); }) })

js和jquery无法直接获取远程网站的原码,因为ajax无法跨域,如果你想引用,直接用iframe不就得了。如果想获取源码,用js访问php,让php去干这活,然后返回给页面

方法有了,自己动手

简单的做个例子,框架路径可以自己修改,调用像百度等网站时无法读取其中源码,涉及到一些安全问题,所以路径要求是合法的允许访问的路径 <script> function GetFrameInnerHtml(objIFrame) { var iFrameHTML = ""; if (objIFramecontentDocument) { //针对netscape iFrameHTML = objIFramecontentDocumentinnerHTML; } else if (objIFramecontentWindow) { // 针对ie55和ie6 iFrameHTML = objIFramecontentWindowdocumentbodyinnerHTML; } else if (objIFramedocument) { // For IE5 iFrameHTML = objIFramedocumentbodyinnerHTML; } return iFrameHTML; } </script> <iframe id="ifa" src="1html" ></iframe> <input type="button" value="click" onclick="alert(GetFrameInnerHtml(documentgetElementById('ifa')))"/>

以上就是关于如何查找网页元素对应的JS代码(如图)全部的内容,包括:如何查找网页元素对应的JS代码(如图)、怎么获取网页执行完所有js后的源码、如何通过JavaScript或者jQuery异步实现获取远程网页源码,例如按下按钮就显示某网站的源等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9779107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存