zoukankan      html  css  js  c++  java
  • 前端之快速创建标签

    一、问题

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

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

    1、format方法

    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;
    }

    2、快速创建标签

    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);
  • 相关阅读:
    重构后的ConditionHelper
    重构ConditionHelper
    用shell求两个文件的差集
    文件落盘的逻辑
    [转]undefined reference问题总结
    动态生成xml文件
    32位,64位的一些问题
    树数据结构的实际应用
    线程池中的栅栏
    关于线程池的理解
  • 原文地址:https://www.cnblogs.com/nulige/p/6897792.html
Copyright © 2011-2022 走看看