写法1：

  1. <html>
  2. <head>
  3. <title></title>
  4. <script language="javascript" type="text/javascript">
  5.     function dbClick() {
  6.         alert(2);
  7.     }
  8.     function attClick() {
  9.         alert(1);
  10.     }
  11.     function load() {
  12.         var b = document.getElementById('mytd');
  13.         b.attachEvent("onclick", attClick);
  14.     }
  15. </script>
  16. </head>
  17.  
  18. <body id="mybody" onload="load();"  >
  19.  
  20.     <table><tr><td ><a  id="mytd" onclick="javascript:dbClick();">hello world!</a>
  21.  
  22.     </td></tr></table>
  23. </body>
  24. </html>

写法2：

  1. <html>
  2. <head>
  3. <title></title>
  4. <script language="javascript" type="text/javascript">
  5.  
  6.     window.attachEvent("onload", load);
  7.  
  8.     function dbClick() {
  9.         alert(2);
  10.     }
  11.     function attClick() {
  12.         alert(1);
  13.     }
  14.     function load() {
  15.         var b = document.getElementById('mytd');
  16.         b.attachEvent("onclick", attClick);
  17.     }
  18. </script>
  19. </head>
  20.  
  21. <body id="mybody"  >
  22.  
  23.     <table><tr><td ><a  id="mytd" onclick="javascript:dbClick();">hello world!</a>
  24.  
  25.     </td></tr></table>
  26. </body>
  27. </html>

attachEvent的事件处理函数执行顺序

  1. <script>
  2. window.attachEvent("onload",function(){alert('a')});
  3. window.attachEvent("onload",function(){alert('b')});
  4. window.attachEvent("onload",function(){alert('c')});
  5. </script>
  6. <body onload=alert('x')>
  7. </body>

下面这段代码触发是在 <body onload=alert('x')> 之后才触发的。

  1. window.attachEvent("onload",function(){alert('a')});
  2. window.attachEvent("onload",function(){alert('b')});
  3. window.attachEvent("onload",function(){alert('c')});

JS 方法注入 attachEvent的更多相关文章

  1. js 中的方法注入(aop)

    js 中的方法注入 java中很多框架支持 apo 的注入, js中也可以类似的进行实现 主要是通过扩展js中方法的老祖 Function 对象来进行实现. Function.prototype.af ...

  2. 两种js方法发起微信支付：WeixinJSBridge，wx.chooseWXPay区别

    原文链接:https://www.2cto.com/weixin/201507/412752.html 1.为什么会有两种JS方法可以发起微信支付? 当你登陆微信公众号之后,左边有两个菜单栏,一个是微 ...

  3. 常用原生JS方法总结（兼容性写法）

    经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...

  4. JS调用OC方法并传值，OC调用JS方法并传值////////////////////////zz

     iOS开发-基于原生JS与OC方法互相调用并传值(附HTML代码)     最近项目里面有有个商品活动界面,要与web端传值,将用户在网页点击的商品id 传给客户端,也就是js交互,其实再说明白一点 ...

  5. 常用js方法整理common.js

    项目中常用js方法整理成了common.js var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data ...

  6. 项目中常用js方法整理common.js

    抽空把项目中常用js方法整理成了common.js,都是网上搜集而来的,大家一起分享吧. var h = {}; h.get = function (url, data, ok, error) { $ ...

  7. XSS注入,js脚本注入后台

    曾经一度流行sql注入,由于现在技术的更新,已经看不到这问题了,但是又出来新的安全问题,XSS攻击,他的原理就是在前端提交表单的时候,在input标签当中输入js脚本,通过js脚本注入后台,请看下图. ...

  8. js添加事件 attachEvent 和addEventListener的用法

    一般我们在JS中添加事件,是这样子的: obj.onclick = method 这种绑定事件的方式,兼容主流浏览器,但是如果一个元素上添加多次同一个事件呢??? obj.onclick = meth ...

  9. Diycode开源项目 磁盘图片缓存+自定义webViewClient+图片点击js方法

    1.磁盘图片缓存器DiskImageCache 1.1.这个类很多情况都可能用的到,耦合性很低,所以分开讲. 源代码: /* * Copyright 2017 GcsSloop * * License ...

随机推荐

  1. vbs获取html内容

    Dim content,name,password,arr,pos msg1="请输入ip和端口号地址"&chr(13)&chr(10)&"如ht ...

  2. zookeeper更进一步（数据模型、watcher及shell命令）

    ZooKeeper数据模型 ZooKeeper 的数据模型,在结构上和标准文件系统的非常相似,拥有一个层次的命名空间,都是采用树形层次结构,ZooKeeper 树中的每个节点被称为—Znode.和文件 ...

  3. Linux VmWare安装虚拟机(centos6.9)

    开启虚拟机 ---------------------------------------------------------------------------------------------- ...

  4. c++多线程编程（一）

    C++本身并没有提供任何多线程机制,但是在windows下,我们可以调用SDK win32 api来编写多线程的程序,下面就此简单的讲一下: 创建线程的函数 HANDLE CreateThread( ...

  5. WebFlux04 SpringBootWebFlux集成MongoDB之Windows版本、WebFlux实现CRUD、WebFlux实现JPA、参数校验

    1 下载并安装MongoDB 1.1 MongoDB官网 1.2 下载 solutions -> download center 1.3 安装 双击进入安装即可 1.3.1 安装时常见bug01 ...

  6. 1-如何自己在eclipse上配置Andriod环境

    转载:http://blog.csdn.net/dr_neo/article/details/49870587 最新鲜最详细的Android SDK下载安装及配置教程 2015年11月16日 19:2 ...

  7. 面试题:各大公司Java后端开发面试题总结 已看1 背1 有用 链接有必要看看

    ThreadLocal(线程变量副本)       --整理 Synchronized实现内存共享,ThreadLocal为每个线程维护一个本地变量. 采用空间换时间,它用于线程间的数据隔离,为每一个 ...

  8. 浅析junit4及扩展实践

    junit框架相关源代码分析,网上已经有很多了,本篇不做过多相关解说,主要还是要自己多读相关源代码.本篇主要对自动化测试过程相关的测试用例,测试数据,测试结果结合junit做相关扩展说明. 如果要解读 ...

  9. laravel与front-end

    准备工作 在此之前要安装node  . npm .这里安装node . npm 就不介绍了,百度一大把. 安装所有的npm依赖包 //进入项目的根目录 npm install 安装完后会出现一个nod ...

  10. vs2012 许可 tfs 许可

    Team Foundation Server 2012序列号或MSDN版本 BVGTF-T7MVR-TP46H-9Q97G-XBXRB VS2012注册码 亲测成功.我的是旗舰版... YKCW6-B ...