一个面向对象的JS例子,很好的支持了开闭原则(不要重复你昨天的代码)

简介:
<script type="text/javascript">
    //一个面向对象的JS例子,很好的支持了开闭原则
    function HtmlControl(options) {//定义一个方法
        var el = options.element;
        el.style.width = options.width;
        el.style.height = options.height;
        el.style.top = options.top;
        el.style.background = options.background;
    }
 
    var option = { //为方法定义一个参数对象
        element: document.getElementById('test'),
        left: 50,
        top: 0,
        width: 100,
        height: 200,
        background: '#f00'
    }
    option.background = '#ff0'; //对参数对象进行扩展
 
    HtmlControl(option); //调用

</script>

本文转自博客园张占岭(仓储大叔)的博客,原文链接:一个面向对象的JS例子,很好的支持了开闭原则(不要重复你昨天的代码),如需转载请自行联系原博主。

目录
相关文章
|
18天前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
JavaScript 前端开发 Java
深入JS面向对象(原型-继承)(一)
深入JS面向对象(原型-继承)
31 0
|
1月前
|
存储 JavaScript 前端开发
非常实用的JavaScript一行代码(整理总结)
非常实用的JavaScript一行代码(整理总结)
30 0
|
1月前
|
JavaScript 前端开发 测试技术
如何编写JavaScript模块化代码
如何编写JavaScript模块化代码
12 0
|
1月前
|
机器学习/深度学习 前端开发 JavaScript
实用的javascript代码分享
32个史上最有用的js代码
30 1
|
2月前
|
JavaScript 前端开发 算法
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
Node.js 艺术:用代码打印出绚丽多彩的控制台柱状图
41 0
|
1月前
|
JSON 前端开发 JavaScript
16个重要的JavaScript代码
16个重要的JavaScript代码
32 1
|
1月前
|
JavaScript
当当网新用户注册界面——JS代码
当当网新用户注册界面——JS代码
7 0
|
1月前
|
JavaScript
当当网首页——JS代码
当当网首页——JS代码
11 1
|
1月前
|
JavaScript Java
什么?java中居然可以执行js代码了?真是不知者不怪
什么?java中居然可以执行js代码了?真是不知者不怪
13 1