2

有没有办法将css文件或javascript文件动态注入HTML文档的head标签。

这是场景：

我做了一个ajax调用，它基本上带回了一些HTML，css和事件存储在一个单独的文件中。

我需要的是，将链接和脚本放入 head 标签中。

4

2 回答 2

1

加载外部 JavaScript内置在 jQuery 中，但您需要创建 CSS 元素：

$(document).ready( function(){

    $("head").append("<link>");
    css = $("head").children(":last");
    css.attr({
      rel:  "stylesheet",
      type: "text/css",
      href: "/link/to/your.css"
    });
    $.getScript("/path/to/your.js", function(){
         // fires after JS is loaded
    });

});

您将需要能够加载 jQuery 并在页面上运行此 JavaScript，以便拉入您的外部文件。

我用谷歌找到：http ://topsecretproject.finitestatemachine.com/2009/09/how-to-load-javascript-and-css-dynamically-with-jquery/

于 2012-05-09T14:50:15.053 回答
1

jQuery 方法在 IE 中不起作用，但您可以使用它自己的特殊creatStyleSheet功能来处理它：

var url = '/b/css/datepicker.jquery-ui.css';

if (document.createStyleSheet){
  document.createStyleSheet(url);
 } else {
   $('head').append('<link rel="stylesheet" type="text/css" href="' + url + '"/>');
 }
于 2012-05-09T14:51:22.753 回答