Question

我尝试使用javascript创建母版页。我创建了包含html代码的Javascript对象，然后包含js和html文件。问题是我不能在html的头部注入css。 jquery append函数不起作用..

Answer 1

你真的不需要在头部注入CSS来为你的页面设置样式。我想你可以只包括＆lt; link＆gt;标记在DOM中的任何位置，它应该工作。

但是，如果您必须将其包含在头部，请尝试以下方法：

 function addcssfile(cssfile){
    var head = document.head || document.getElementsByTagName('head')[0];
    var s = document.createElement('link');
    s.setAttribute('rel', 'stylesheet');
    s.setAttribute('href', cssfile);
    head.appendChild(s);
 }

如果您只想附加CSS样式和属性，而不是实际的CSS文件，则可以执行以下操作：

function addcss(css){
    var head = document.head || document.getElementsByTagName('head')[0];
    var s = document.createElement('style');
    s.setAttribute('type', 'text/css');
    if (s.styleSheet) {   // IE
        s.styleSheet.cssText = css;
    } else {                // the world
        s.appendChild(document.createTextNode(css));
    }
    head.appendChild(s);
 }

如何使用Javascript创建母版页

1 个答案: