JavaScript面相对象编程之原型开发

EvanJiemo

于 2016-08-25 15:06:18 发布

阅读量527

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 开发规范

本文链接：https://blog.youkuaiyun.com/fuleidemo/article/details/52314688

JavaScript 同时被 2 个专栏收录

8 篇文章

订阅专栏

开发规范

5 篇文章

订阅专栏

本文介绍了一个名为EasyJs的简单JavaScript库，该库通过创建一个构造函数来封装页面元素的交互逻辑。示例展示了如何利用这个库为输入框添加失焦事件处理，包括显示输入框ID和其他固定消息。

/**
 * Created by Administrator on 2016/8/25.
 */
function EasyJs(pageName,path){
    this.pageName=pageName;
    this.path=path;
}
EasyJs.prototype = {
    constructor:EasyJs,
    aaa:function(obj){
        alert(obj.id);
    },
    bbb:function(){
        alert('bb');
    },
    ccc:function(){
        alert('cc');
    }
};
var aa=new EasyJs('demo_page','/localhost/');

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="prototype.js"></script>
</head>
<body>
<input type="text" onblur="aa.aaa(this)" id="qwe">
<input type="text" onblur="aa.bbb()">
<input type="text" onblur="aa.ccc()">
</body>
</html>