使用JavaScript修改组件中onclick事件所执行的方法

之前在项目中经常会遇到一种情况，点击同一个html组件，执行不同的方法或者功能。所以就自己写了如下的方法，比较笨，但是还可以执行。

核心代码如下：

1.    <script>

2.        <!--

3.        /*

立即学习“Java免费学习笔记（深入）”；

4.         * 功能：使用JavaScript修改组件中onclick事件所执行的方法

5.         * 创建者：FrancisRan

6.         * 创建时间：2010-07-30

7.         * 最后修改时间：2010-07-30

8.         * copyright (c)2010 ranfanwei1988@126.com

9.         */

10.       

11.       //修改onclick事件的值

12.       function addEvent () {

13.           alert("修改前的onclick：\n\n" + document.getElementById("eventTest").onclick);

14.  

15.           //修改eventTest组件的onclick值

16.           document.getElementById("eventTest").onclick = alertEvent2;

17.  

php中级教程之ajax技术

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。它不是新的编程语言，而是一种使用现有标准的新方法，最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容，不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。《php中级教程之ajax技术》带你快速

2114

查看详情

18.           alert("修改后的onclick：\n\n" + document.getElementById("eventTest").onclick);

19.           alert("修改成功，单击“弹出”按钮查看效果");

20.       }

21.  

22.       //修改前的事件

23.       function alertEvent () {

24.           alert("这是没有删除触发的事件");

25.       }

26.  

27.       //修改后的事件

28.       function alertEvent2 () {

29.           alert("这是删除后触发的事件");

30.       }

31.       -->

32.   </script>

33.  

34.   <input type = "button" id = "eventTest" onclick = "alertEvent ()" value = "弹出" />

35.   <input type = "button" onclick = "addEvent ()" value = "修改" />