`

javascript动态创建对象并添加事件

 
阅读更多 
<html>
<script>
  
   function menu(id,value) {
    var _menu = document.createElement("input");
    _menu.type = "button";
    _menu.id = id;
    _menu.value = value;
    _menu.onclick = function() {
     listener(id);
    }
    return _menu;
   }
   function initMenus() {
    var _add = new menu("add","add");
    var _update = new menu("update","update");
    var _menuArea = document.getElementById("menuArea");
    _menuArea.appendChild(_add);
    _menuArea.appendChild(_update);
   }
   function listener(_id) {
    if(_id == "add") {
     alert("add");
    }
    if(_id == "update") {
     alert("update");
    }
   }
</script>
<body>
   <div id="menuArea"></div>
</body>
</html>
<script>
initMenus();
</script>
分享到：
| struts2 标签 （取）保留几位小数（保留2 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript元素动态创建实现方法

    本文实例讲述了javascript元素动态创建实现方法。分享给大家供大家参考。具体分析如下： [removed]只能在页面加载过程中才能动态创建 可以调用document的createElement方法来创建具有指定标签的DOM对象,然后通过调用...

    javascript完全学习手册1 源码

    第2篇 JavaScript内置对象篇 第3章 JavaScript内置对象 43 3.1 JavaScript对象概述 43 3.1.1 对象的概念 43 3.1.2 使用JavaScript对象 基础知识 44 3.2 Array对象 46 3.2.1 创建Array对象 46 3.2.2 Array对象属性 ...

    javascript完全学习手册2 源码

    3．1．2 使用JavaScript对象基础知识 3．2 Array对象 3．2．1 创建Array对象 3．2．2 Array对象属性 3．2．3 Array对象方法 3．3 String对象 3．3．1 创建String对象 3．3．2 String对象属性 3．3．3 String对象方法...

    源文件程序天下JAVASCRIPT实例自学手册

    4.5.4 通过原型为对象添加新属性和新方法 4.5.5 自定义对象的嵌套 4.5.6 内存的分配和释放 4.6 本章小结 第5章 文档对象模型(DOM) 5.1 DOM概述 5.1.1 基本对象模型 5.1.2 Netscape Navigator浏览器扩展 5.1.3 ...

    JavaScript详解(第2版)

    　8.1.2　使用构造函数创建对象　 　8.1.3　对象的属性　 　8.1.4　对象的方法　 　8.2　类和用户自定义函数　 　8.2.1　什么是类　 　8.2.2　什么是this　 　8.2.3　内联函数作为对象的方法　 　8.3　对象字面量　 ...

    【JavaScript源代码】JavaScript动态生成带删除行功能的表格.docx

    JavaScript动态生成带删除行功能的表格 　本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码，供大家参考，具体内容如下　动态生成一个带删除行功能的表格：　实现思路　1、获取表格元素 2、获取要...

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始，分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie，并在上一版的基础上新增了两章，讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法，也深入探讨...

    JavaScript基础和实例代码

    4.5.4 通过原型为对象添加新属性和新方法 4.5.5 自定义对象的嵌套 4.5.6 内存的分配和释放 4.6 本章小结 第5章 文档对象模型(DOM) 5.1 DOM概述 5.1.1 基本对象模型 5.1.2 Netscape Navigator浏览器扩展 5.1.3 ...

    [JavaScript.DOM高级程序设计]（加）桑贝斯.扫描版.part1.rar

    　6.2.4　向imageEditor对象添加事件侦听器　 　6.2.5　缩放图像　 　6.2.6　裁剪图像　 　6.2.7　未完成的图像编辑器　 　6.3　小结　 第二部分　浏览器外部通信 　第7章　向应用程序中加入Ajax　 　7.1　组合的...

    JavaScript王者归来part.1 总数2

    　6.5.1 动态创建函数--一个利用Function实现Lambda算子的例子　 　6.5.2 模式--函数工厂及其实例　 　6.6 总结　 　第7章 对象 　7.1 什么是对象　 　7.2 对象的属性和方法　 　7.2.1 对象的内置属性　 　7.2.2 为...

    javascript动态添加checkbox复选框的方法

    本文实例为大家介绍了javascript如何动态添加checkbox复选框: 在实际应用中可能需要动态的添加复选框，下面就简单介绍一下如何实现此效果。 单纯的创建一个复选框是很容易的，代码如下: var oCheckbox=document....

    javascript动态添加、修改、删除对象的属性与方法详解

    在其他语言中，对象一旦生成，就不可更改了，要为一个对象添加修改成员必须要在对应的类中修改，并重新实例化，而且程序必须经过重新编译。JavaScript 中却非如此，它提供了灵活的机制来修改对象的行为，可以动态...

    【JavaScript源代码】angularjs循环对象属性实现动态列的思路详解.docx

    　angularjs循环对象属性实现动态列　优点：保存对象，在数据库只保存一条数据　缺点：添加对象属性需要修改表结构、代码，然后重新重新发布　实现思路　1）数据库创建表（对象）、创建字段（对象属性）　2）根据表...

    Javascript 创建类并动态添加属性及方法的简单实现

    JavaScript 是一种很强的面向对象的语言，支持创建实例之后再添加属性和方法，虽然是小技巧，用的时候容易忘记，今天写了一个很小的例子，记录在这里，仅供参考。 function MyClass() { //This function is same ...

    JavaScript入门之对象与JSON详解

    而Javascript中是没有类的概念的，借助JavaScript的动态性，我们完全可以创建一个空的对象(而不是类)，通过像对象动态的添加属性来完善对象的功能。 JSON是JavaScript中对象的字面量，是对象的表示方法，通过使用...

    JavaScript完全自学宝典 源代码

    Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的Applet。 Calculate1.class Calculate1.java的字节码文件。 第16章（\c16） 示例描述：介绍JavaScript访问本地文件的各种方法。 16.1....

    js自定义对象

    JavaScript自定义对象可以通过多种方式创建，包括工厂方法、构造函数、原型方式和动态原型方式等。 工厂方法 工厂方法是一种常用的创建自定义对象的方式。它通过创建一个函数，函数返回一个对象，该对象就是自定义...

    Javascript数组操作高级心得整理

    (4) 为本地对象添加新方法 19 3. 对象类型转换 19 (1) 转换成字符串 19 (2) 转换成数字 20  parseInt() 20  parseFloat() 20 (3) 强制类型转换 20  Boolean() 函数 20  Number()函数 20  String() 函数 21...

    javascript设计模式之对象工厂函数与构造函数详解

    然而，除了这两种常用的对象创建方式，JavaScript还提供了其他方法创建对象。1).使用工厂函数创建对象我们可以编写一个函数，此函数的功能就是创建对象，可将其. 概述 使用对象字面量，或者向空对象中动态地添加新...

Magicbox
Global site tag (gtag.js) - Google Analytics