精华内容
下载资源
问答
  • 想到一个思路是:点击网页上的删除按钮,应该是调用了一个什么函数,才执行的删除,而且附带了一些参数,可是怎么找也没找到提交的入口在哪 希望大神帮忙指定迷津 下面图片中用箭头指出了要操作的元素,其中包含...
  • 在分析一些网页的时候,经常会发现点击某个按钮会触发某个动作,当页面比较复杂,包含的js文件又多,这时候要找到这段触发函数的代码写在哪里就比较困难。比如,在某个html页面中,发现如下一个按钮,点击后会使得...

    javascript中查看元素事件函数的一些技巧

    在分析一些网页的时候,经常会发现点击某个按钮会触发某个动作,当页面比较复杂,包含的js文件又多,这时候要找到这段触发函数的代码写在哪里就比较困难。比如,在某个html页面中,发现如下一个按钮,点击后会使得页面元素有变化。但是并未看到onclick事件,那说明该事件可能是通过javascript中的addEventListener方法绑定的(IE不支持该方法,使用的是attachEvent,不理解为微软何非要和W3C标准对着干)。例如下面的代码:

    <input type="button" value="输入" id="btn1" name="n_btn1"/><label id="lbl"></label><br />
    <script type="text/javascript">
                document.getElementById("btn1").addEventListener("click",
                    function () {
                        alert("OK");
                    });
      </script>
    

    要看到btn1绑定的事件,可以通过chrome的事件监听实现。如下截图:

    clipboard

    此外,可以通过命令,查看绑定的方法,在Chrome中的命令行方法,getEventListeners(object)获得,如下:

    clipboard[1]

    注意:getEventListeners方法是谷歌提供的供调试的命令行,并不是标准的javascript函数,只可以在chrome中的控制台中运行,与之类似的命令行还有很多,可以参考:

    https://developer.chrome.com/devtools/docs/commandline-api(需翻墙)。

    此外,在控制台的listener中,只能显示函数的第一行,如果你写的函数是多行的,那就需要把命令打全了:

    getEventListeners(document.getElementById(“btn1”)).click[0].listener

    console会把函数的全部都打印出来。

    如果该段代码使用jquery绑定的,使用这种方法就会有点问题,比如,还是上面的代码,但是绑定方式如下:

        $(function () {
            $("#btn1").click(function () { alert('OK2') });
        });
    

    通过jquery的click方法绑定了一个方法,结果发现listenerBody指向到了jquery的代码上去了,如下图:

    clipboard[2]

    这也正说明了,Jquery对于事件的绑定重新的定义了一套方法,所以此处看到的是Jquery的代码。

    幸运的是,在jquery中,我们可以使用jQuery._data(element, “events”)方法,关于这个方法的文档很少,官方文档在这里http://blog.jquery.com/2011/11/08 /building-a-slimmer-jquery/,提及到该方法时一个内部方法,记录了所有元素的事件。Stackoverflow上有一个文章介绍了这个方法和Jquery.data的区别,地址http://stackoverflow.com/questions/7788353/whats-the-difference-between-jquery-data-and-jquery-data-underscore-data

    此处,我们只需要知道这个方法可以用来实现我们的目的——查看元素所绑定的事件。我们只需在chrome的控制台里输入如下代码:

    $._data($("#btn1")[0], 'events');
    

    注意,该方法的参数是DOM对象,不是jquery对象。因此需要加一个[0]来转成DOM对象。具体如下图:

    clipboard[3]

    我们在handler这个节点下,终于看到了该元素所绑定的事件了。

    事实上,这个方法,可以写在js代码中,并且handler的值其实就是一个function,比如在代码中如下的写法:

    var p = $._data($('#btn1')[0], 'events').click[0].handler;
    alert(typeof (p));
    p();
    

    clipboard[4]

    clipboard[5]

    可以看到弹出的类型就是p的类型就是function,并且可以直接调用p。

    通过上面所说的方法,在分析复杂页面的时候,很容易找到事件的源头,跟踪代码,提高效率。

    展开全文
  • 在分析一些网页的时候,经常会发现点击某个按钮会触发某个动作,当页面比较复杂,包含的js文件又多,这时候要找到这段触发函数的代码写在哪里就比较困难。比如,在某个html页面中,发现如下一个按钮,点击后会使得...

    在分析一些网页的时候,经常会发现点击某个按钮会触发某个动作,当页面比较复杂,包含的js文件又多,这时候要找到这段触发函数的代码写在哪里就比较困难。比如,在某个html页面中,发现如下一个按钮,点击后会使得页面元素有变化。但是并未看到onclick事件,那说明该事件可能是通过javascript中的addEventListener方法绑定的(IE不支持该方法,使用的是attachEvent,不理解为微软何非要和W3C标准对着干)。例如下面的代码:

    1
    2
    3
    4
    5
    6
    7
    <input type="button" value="输入" id="btn1" name="n_btn1"/><label id="lbl"></label><br />
    <script type="text/javascript">
                document.getElementById("btn1").addEventListener("click",
                    function () {
                        alert("OK");
                    });
      </script>

    要看到btn1绑定的事件,可以通过chrome的事件监听实现。如下截图:

    clipboard

    此外,可以通过命令,查看绑定的方法,在Chrome中的命令行方法,getEventListeners(object)获得,如下:

    clipboard[1]

    注意:getEventListeners方法是谷歌提供的供调试的命令行,并不是标准的javascript函数,只可以在chrome中的控制台中运行,与之类似的命令行还有很多,可以参考:

    https://developer.chrome.com/devtools/docs/commandline-api(需FQ)。

    此外,在控制台的listener中,只能显示函数的第一行,如果你写的函数是多行的,那就需要把命令打全了:

    getEventListeners(document.getElementById("btn1")).click[0].listener

    console会把函数的全部都打印出来。

    如果该段代码使用jquery绑定的,使用这种方法就会有点问题,比如,还是上面的代码,但是绑定方式如下:

    1
    2
    3
        $(function () {
            $("#btn1").click(function () { alert('OK2') });
        });

    通过jquery的click方法绑定了一个方法,结果发现listenerBody指向到了jquery的代码上去了,如下图:

    clipboard[2]

    这也正说明了,Jquery对于事件的绑定重新的定义了一套方法,所以此处看到的是Jquery的代码。

    幸运的是,在jquery中,我们可以使用jQuery._data(element, "events")方法,关于这个方法的文档很少,官方文档在这里http://blog.jquery.com/2011/11/08/building-a-slimmer-jquery/,提及到该方法时一个内部方法,记录了所有元素的事件。Stackoverflow上有一个文章介绍了这个方法和Jquery.data的区别,地址http://stackoverflow.com/questions/7788353/whats-the-difference-between-jquery-data-and-jquery-data-underscore-data

    此处,我们只需要知道这个方法可以用来实现我们的目的——查看元素所绑定的事件。我们只需在chrome的控制台里输入如下代码:

    1
    $._data($("#btn1")[0], 'events');

    注意,该方法的参数是DOM对象,不是jquery对象。因此需要加一个[0]来转成DOM对象。具体如下图:

    clipboard[3]

    我们在handler这个节点下,终于看到了该元素所绑定的事件了。

    事实上,这个方法,可以写在js代码中,并且handler的值其实就是一个function,比如在代码中如下的写法:

    1
    2
    3
    var p = $._data($('#btn1')[0], 'events').click[0].handler;
    alert(typeof (p));
    p();

    clipboard[4]

    clipboard[5]

    可以看到弹出的类型就是p的类型就是function,并且可以直接调用p。

    通过上面所说的方法,在分析复杂页面的时候,很容易找到事件的源头,跟踪代码,提高效率。

    本文出自 “一只博客” 博客

    转载于:https://www.cnblogs.com/nostic/articles/5804343.html

    展开全文
  • django网页-在网页上加删除按钮

    千次阅读 2019-04-26 15:59:18
    需求: 在网页上增加一个删除按钮,直接删除改发布的版本记录包括...设计删除的点击事件 点击后调用删除接口 实现: view函数添加一个接口: 找到路径:verision(app name)–>view.py 添加一个删除接口: 拓...

    需求
    实现效果
    在网页上增加一个删除按钮,直接删除改发布的版本记录包括数据库内容
    前言:
    网页那块用到js不会写,仿照大佬的内容写的
    思路
    view函数下添加一个接口
    添加子路由指定该函数
    html网页元素设置
    添加一个字段:删除
    设计删除的点击事件
    点击后调用删除接口
    实现:
    view函数添加一个接口:
    找到路径:verision(app name)–>view.py
    添加一个删除接口:
    在这里插入图片描述
    拓展:
    object.filter()、object.get()区别
    设计子路由:version(app name)–>urls.py
    配置子路由
    设置html元素:
    html元素保存在文件夹:templates里面
    打开:templates–>version.html
    添加删除字段
    在这里插入图片描述
    添加删除按钮事件
    在这里插入图片描述
    点击后调用删除接口
    在这里插入图片描述
    搞定了,但是,在我本地跑不起来,可能是ubuntu的安装版本和django版本就不统一。

    展开全文
  • javascript函数的解释

    2011-02-26 11:03:52
    javascript函数的解释,解释了具体函数的功能,一、函数JavaScript函数集合 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:...
  • 按照常规办法,找到这些按钮click事件的执行函数,发现即使是把函数体都清空,问题依旧.于是开始找别的原因,又发现点击这些按钮的时候发送给量子统计的URL和点击页面其他地方的请求不一样,linkid和linkurl有值,因为这些...

    快要过年了,准备在淘宝上买件衣服.发现只要在淘宝店铺里频繁点击尺寸,颜色,款式这些选项按钮的时候,火狐就会崩溃.

    按照常规办法,找到这些按钮click事件的执行函数,发现即使是把函数体都清空,问题依旧.于是开始找别的原因,又发现点击这些按钮的时候发送给量子统计的URL和点击页面其他地方的请求不一样,linkid和linkurl有值,因为这些按钮都是a标签.

    找到量子统计的js http://a.tbcdn.cn/apps/lz/hc.js?v=3 , 可能出问题的地方一句一句排除,最终找到罪魁祸首.是个通过死循环达到延时90毫秒的函数.

    简化一下逻辑,下面这样的代码就会让Firefox 3.6崩溃,毫秒数太大和太小都不会崩溃,大概30-300之间才可能有这种情况.我这里添加了这样一个按钮 死循环延时:

    <html>
    	<body>
    		<script>
    		function crash() {
    			var nowTime = (new Date).getTime() + 90;
    			for (;;) if ((new Date).getTime() > nowTime) {
    				return
    			}
    		}
    		</script>
    		<a href="#" οnclick="crash()">别点我!</a>
    	</body>
    </html>
    

     如果你还在坚持用3.6,那打开你的abp,添加这条规则吧.

    ||a.tbcdn.cn/apps/lz/hc.js?*
    

     

    展开全文
  •  第一:XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解,等待只会让你失去机会;  第二:新知识肯定会有很多新概念,尝试理解和接受,您才可能提高。不要害怕和逃避,毕竟我们...
  • webview调试

    2017-07-27 10:54:24
    PC端的web可以直接在浏览器上按F12进行网页的调试,点击source...可以在html页面找到对应的控件的id,相对应的js文件里会有$(id).onClick(),意思是找到id控件,然后添加点击事件,我们可以搜索相应的id控件找到它的
  • 事件 = 事件处理函数;  注意:要想删除某个节点,必须找到它的父节点  注意:在绑定事件中this可以直接使用 3.添加功能开始游戏 4.添加功能暂停游戏 5.游戏进度条功能 <style type="text/css"> #d2{ ...
  • JS之window对象

    2016-09-22 16:26:00
    opener:打开当前窗口的源窗口,如果这个窗口是由别的网页点击链接跳转过来的,或者是从另外一个页面点击打开窗口打开的,opener就是找到源页面的。如果当前窗口是首次启动浏览器打开的,则运行alert(window.opener)...
  • opener:打开当前窗口的源窗口,如果这个窗口是由别的网页点击链接跳转过来的,或者是从另外一个页面点击打开窗口打开的,opener就是找到源页面的。如果当前窗口是首次启动浏览器打开的,则运行alert(window.opener)...
  • 只要知道他就是移除事件函数就可以,当移除事件的时候,再执行了传进来的回调函数。进而实现只调用一次的效果。 <p><strong>那么事件代理又是怎么实现咧?</strong></p> 回想一下平常自己是怎么...
  • 触发script元素上的error事件, 后面带的参数是回调函数接收的参数 abort = function (errorType) { $(script).triggerHandler('error', errorType || 'abort') }, xhr = { abort: abort...
  • javascript入门笔记

    2018-05-15 15:01:07
    3、在网页中,创建一个按钮,点击按钮时,完成 change 函数的调用 2、带参函数 1、定义语法: function 函数名(参数列表){ 语句块; } 参数列表: 可以由0或多个参数的名称来组成,多个参数的话中间用 , ...
  • F 修复 PC 端模拟器的 touchend 事件回调参数 changedTouches 为空的问题 反馈详情 2020.03.25 更新说明 A 新增 云开发控制台支持开通按量付费 A 新增 云开发支持数据库备份与回档(还原)详情 A 新增 支持小...
  • 下面以系统登录页面的编写为例给出主要事件函数,说明该系统的开发过程。 //IsRegUserOk函数:判断用户是否已经注册和密码是否正确 public bool IsRegUserOk() { string name=TextBoxName.Text.Trim(); string ...
  • EJB中JNDI的使用源码例子 1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
    1个目标文件,JNDI的使用例子,有源代码,可以下载参考,JNDI的使用,初始化Context,它是连接JNDI树的起始点,查找你要的对象,打印找到的对象,关闭Context…… ftp文件传输 2个目标文件,FTP的目标是:(1)提高...
  • </li><li>在JS中倒序循环会略微提升性能</li><li>减少迭代的次数</li><li>基于循环的迭代比基于函数的迭代快8倍</li><li>用Map表代替大量的<code>if-else和<code>switch会提升性能</li></ul> <h2>3. 静态资源优化 ...
  • <p><code>canSuspendForDocumentSuspension</code> 用于帮助函数调用者在“挂起(suspending)”与“停止”间做出选择。例如,一个页面如果包含任何不能被挂起的对象的话,那么它就不会被挂...
  • 通过脚本代替这些手动点击,接入代码watch后每次保存文件都能快速得知自己的的改动是否影响功能,节省了很多时间,毕竟机器干事情比人总是要快得多。 有了自动化测试,开发者会更加信任自己...

空空如也

空空如也

1 2
收藏数 28
精华内容 11
关键字:

网页点击事件找到函数