Javascript的动态增加类的实现方法

1.我们可以为每一个实例对象增加方法。也就是说我们在每次使用‘类'之外的方法时候，都需要创建一次。

  function Dog(){

　　window.alert('I am a dog!');

 }

 var dog1=new Dog();//实例化一个对象

//现在由于类Dog功能单一，无法满足对象dog1的需要，现在就要考虑为对象dog1新增加一个方法

　function eat(){

　　window.alert('I like eat bone!');

}

dog1.Dog_eat=eat;

dog1.Dog_eat();//此时就可以调用方法eat了，不过使用的是一个指针Dog_eat指向eat();所以也只能该对象使用

2.如果想每一个通过Dog类创建的对象不要经过繁琐的引入就都可使用方法eat（），该如何呢？

function Dog(){

　　window.alert('I am a dog!');

 }

 Dog.prototype.Dog_eat=function(){

　　window.alert('I like eat bone')

}

var dog1=new Dog();

dog1.Dog_eat;

var dog2=new Dog();

dog2.Dog_eat;

至此以后每个对象都可以使用Dog_eat（）方法。

以上就是小编为大家带来的Javascript的动态增加类的实现方法全部内容了，希望大家多多支持我们~

赞 (0)

相关推荐

  • 多种方法实现JS动态添加事件

    方法一.setAttribute var obj = document.getElementById("obj"); obj.setAttribute("onclick", "javascript:alert('测试');"); 但是IE不支持用 setAttribute 设置某些属性,包括对象属性.集合属性.事件属性,也就是说用 setAttribute 设置 style.onclick.onmouseover 这些属性在 IE 中是行不通的.

  • 动态生成js类的实现方法

    最近我在研究ajax的问题,我可以在服务器端生成一个xml文档返回给前台 由前台xmlHttp.responseXML获得xml文档 假如我生成的xml文档是如下的 <user>    <name>jack</name>    <age>12</age>    <address>beijing</address>    <date>2007/03/20</date> </user> 前台

  • 动态加载js的几种方法

    1.直接document.write <script language=javascript> document.write(<script src='test.js'><\/script>); </script> 2.动态改变已有script的src属性 <script src='' id=s1></script> <script language=javascript> s1.src=test.js </scri

  • Javascript的动态增加类的实现方法

    1.我们可以为每一个实例对象增加方法.也就是说我们在每次使用'类'之外的方法时候,都需要创建一次. function Dog(){ window.alert('I am a dog!'); } var dog1=new Dog();//实例化一个对象 //现在由于类Dog功能单一,无法满足对象dog1的需要,现在就要考虑为对象dog1新增加一个方法 function eat(){ window.alert('I like eat bone!'); } dog1.Dog_eat=eat; dog1

  • javascript创建动态表单的方法

    本文实例讲述了javascript创建动态表单的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

  • JavaScript实现动态增删表格的方法

    JavaScript实现动态增删表格的方法

    在上方文本框填入"姓名/Email/ 年龄",实现在下方表格中动态添加或删除单元格 效果: 1. Html代码: <body> <p align="center" id="info"> 姓名 : <input type="text" id = "username"> Email : <input type="text" id = "em

  • JavaScript动态插入CSS的方法

    JavaScript动态插入CSS的方法

    写组件时有时想把一些组件特性相关的 CSS 样式封装在 JS 里,这样更内聚,改起来方便.JS 动态插入 CSS 两个步骤:创建1.一个 style 对象 2.使用 stylesheet 的 insertRule 或 addRule 方法添加样式 一.查看样式表 先看下 document.styleSheets,随意打开一个页面 其中前三个是通过 link 标签引入的 CSS 文件,第四个是通过 style 标签内联在页面里的 CSS.有如下属性 每一个 cssRule 又有如下属性 其中的 c

  • javascript元素动态创建实现方法

    本文实例讲述了javascript元素动态创建实现方法.分享给大家供大家参考.具体分析如下: document.write只能在页面加载过程中才能动态创建 可以调用document的createElement方法来创建具有指定标签的DOM对象,然后通过调用元素的appendChild方法将 新创建元素添加到相应的元素下 举例如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e

  • javascript实现动态导入js与css等静态资源文件的方法

    本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法.分享给大家供大家参考.具体实现方法如下: /** * 动态导入静态资源文件js/css */ var $import = function(){ return function(rId, res, callback){ if(res && 'string' == typeof res){ if(rId){ if($($('#' + rId), $('head')).length>0){ return; }

  • javascript动态创建链接的方法

    本文实例讲述了javascript动态创建链接的方法.分享给大家供大家参考.具体分析如下: 动态创建链接示例: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态添加链接</title&

  • JavaScript动态添加列的方法

    本文实例讲述了JavaScript动态添加列的方法.分享给大家供大家参考.具体实现方法如下: /*** * 动态添加table 列 * @param result */ function addRow(resultJson){ /* var temp = []; temp = $.grep(arr, function(val, key) { if(val.indexOf('c') != -1) return true; // 如果[invert]参数不给或为false, $.grep只收集回调函

  • JavaScript通过select动态更换图片的方法

    本文实例讲述了JavaScript通过select动态更换图片的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码在select列表变化时触发SetBeerIcon()函数,SetBeerIcon()函数可以根据select选择的值动态修改图片 ... <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var beerIcon = doc

  • javascript实现动态改变层大小的方法

    本文实例讲述了javascript实现动态改变层大小的方法.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态设置层的大小</title>

随机推荐