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

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

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

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

不需要看js 和css 。只需要修改下面就可以了:

<input id="selectdate" type="text" style="border:1px solid #999;" onClick="fPopCalendar(event,this,this)" onFocus="thisselect()" />

把上面的修改为:

<input id="selectdate" type="text" style="border:1px solid #999;" onFocus="thisselect()" />

<input type="button" value="日期选择"  onClick="fPopCalendar(event,documentgetElementById('selectdate'),documentgetElementById('selectdate'))" 

就是在文本框后面加一个按钮,然后把文本框的点击事件放到按钮上来。

需要注意的是点击事件onClick="fPopCalendar(event,this,this)"里面的两个this,第一个this你可以不修改,它只是计算位置的,我把这两个this都换成了documentgetElementById('selectdate'),单引号里是日期框的id值。这样修改后一个页面里每个日期输入框的id必须是唯一的,例如两个日期框是这样:

<input id="selectdate" type="text" style="border:1px solid #999;" onFocus="thisselect()" />

<input type="button" value="日期选择"  onClick="fPopCalendar(event,documentgetElementById('selectdate'),documentgetElementById('selectdate'))" 

<input id="selectdate2" type="text" style="border:1px solid #999;" onFocus="thisselect()" />

<input type="button" value="日期选择"  onClick="fPopCalendar(event,documentgetElementById('selectdate2'),documentgetElementById('selectdate2'))" 

再说一句,按钮太丑了,换个多好,我们项目是这样的

这个箭头就是CSS3做的,需要现代浏览器支持。

鼠标移动上去就是:hover 伪类样式控制的。

左右滑动需要JS支持。

demo:http://wwwjq22com/demo/960f34b4-5478-11e4-9736-00163e001348/

1、在元素标签上右键审查元素。

2、蓝色部分与红色箭头所指是选中的元素代码。

3、点击箭头所指的部位,打开控制台,如果js 异常会在这里显示相关信息。

4、按照箭头的顺序点击,在代码59行,打上断点。

5、点击箭头所指的位置,刷新页面。

6、js运行到断点的位置会暂停。

7、点击右侧箭头所指的位置,单步执行js代码。

8、鼠标放在变量上,可以查看变量的相关信息。

原文:https://wwwzhihucom/question

1程序员表白代码_专用_三行等8种表白代码

2类似于 Trojan 五分钟 Hack 一部 Android 手机,这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面)

3Microsoft 和 GitHub 的结合体。众所周知,GitHub 已被微软收购,在收购消息爆出的同时,就出现了很多恶搞的笑话和。但是今天分享的这个就不一样,很有意思。

MicroHub 是一个微软主题风格的 Chrome 插件,让你的 GitHub 界面变成微软的经典风格。

(github上有很多好玩的程序,好用的资源教程等等,可以多去浏览学习)

4PullToRefreshjs

upload-labs 是一个帮你总结所有类型的上传漏洞的靶场。它是一个用 PHP 语言编写的,专门收集渗透测试过程中遇到的各种上传漏洞的靶场。旨在帮助大家对上传漏洞有一个全面的了解。目前一共 19 关,每一关都包含着不同的上传方式。

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/3141272.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-02-08
下一篇2024-02-08

发表评论

登录后才能评论

评论列表(0条)

    保存