通过js文件生成html和对应的样式

生成 css 并插入到 hea

function addCSS(cssText) {var style = document.createElement('style');
    var head = document.head || document.getElementsByTagName('head')[0];
    style.type = 'text/css';
    if (style.styleSheet) {
          // 兼容 ie
        var func = function() {
            try {style.styleSheet.cssText = cssText} catch (e) {}};
        if (style.styleSheet.disabled) {setTimeout(func, 10)
        } else {func()
        }
    } else {var textNode = document.createTextNode(cssText);
        style.appendChild(textNode)
    };
    head.appendChild(style)
};
addCSS("*{margin: 0;padding: 0;}")

生成 html 内容

document.write('<div> 我是小霸王悠悠 </div>')

在需要该内容的地方引入改 js 文件