创建多类导航的模板类

2019-03-09  本文已影响0人  隋晓楠
// 格式化字符串
function formateString(str, data) {
    return str.replace(/\{#{(\W+)}#\}/g, function (match, key) {
        return typeof data[key] === undefined ? '' : data[key];
    })
}
var PersonNav = function (data) {
        // 导航样式模板
        this.item = '<span id={#idname#} class="personMenu" onclick="personsMenu.go(this)">{#name#}</span>';
        
        this.html = '';
        for (var i = 0, len = data.length; i < len; i++){
            this.html += formateString(this.item,data[i]); 
        }
        return this.html;
}

JS设计模式16.8 创建多类导航

上一篇 下一篇

猜你喜欢

热点阅读