码迷,mamicode.com
首页 > 其他好文 > 详细

前端之快速创建标签

时间:2017-05-13 22:13:56      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:func   prot   ++   前端   页面   tag   return   orm   binding   

一、问题

前端经常遇见需要动态生成标签,然后放在页面的某个位置,要创建每一个tag非常的麻烦。

二、利用的字符串格式化,加上多行字符串,追加在元素后面,就很迅速了

以下代码来源于网络

String.prototype.format = function (args) {
var result = this;
if (arguments.length > 0) {
    if (arguments.length == 1 && typeof (args) == "object") {
        for (var key in args) {
            if (args[key] != undefined) {
                var reg = new RegExp("({" + key + "})", "g");
                result = result.replace(reg, args[key]);
            }
        }
    }
    else {
        for (var i = 0; i < arguments.length; i++) {
            if (arguments[i] != undefined) {
                var reg = new RegExp("({[" + i + "]})", "g");
                result = result.replace(reg, arguments[i]);
            }
        }
    }
}
return result;
}
var chattag = " <div class=‘plain‘ style=‘height: 50px;margin-top: 10px;‘>                     <pre class=‘js_message_plain ng-binding pull-right‘                        style=‘background-color: #b2e281‘>{content}</pre></div>";
var chatdiv = chattag.format({content:content});
$(‘#chatcontent‘).append(chatdiv);

就可以迅速容易的创建标签了

前端之快速创建标签

标签:func   prot   ++   前端   页面   tag   return   orm   binding   

原文地址:http://www.cnblogs.com/skiler/p/6850326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!