如何动态应用css和js

我有一个xml文件，其中包含一些css和脚本链接，我想在页面加载时动态应用它，我想在页面加载时这样做，请帮助

xml File---


<template>
<theme id="1" name="default">
<css>
<name>css/style.css</name>
<name>css/normalize.css</name>
<name>css/grid.css</name>
<name>css/prettyPhoto.css</name>
</css>
<js>
<name>js/jquery.easing.1.3.js</name>
 <name>js/jquery.prettyPhoto.js</name>
 <name>js/js.js</name>
 <name>js/jquery.stellar.min.js</name>
 <name>js/waypoints.min.js</name>
</js>
</theme>
</template>

我已经使用jquery完成了这项工作，但问题是当我在它们之间添加调试器时 使用firebug css和js一步一步地编写和执行代码 没有调试器加载在头部，但不应用，任何人都可以建议 Xml文件--

 jquery Code implemented in aspx file



<script src="templates/1/jquery.xml2json.js"></script>
<script type="text/javascript">
//debugger
$.get('templates/1/SettingBasic2.xml', function (xml) {
var newTemplate = $.xml2json(xml);
$(newTemplate).each(function (key, data) {
$(window).load(function () {
switch (data.theme['name']) {
default:
$(data.theme['css']['name']).each(function (key_css, css) {
$('head').append('<link rel="stylesheet" href="' + css + '" type="text/css" media="all" />');
  });
  val = '';
  $(data.theme['js']['name']).each(function (key_js, js) {
  val += '<script type="text/javascript" src="' + js + '"></\script>';
  });
  $('head').append(val);
  break;
  }
     });
        });

    </script>

---

我想说的是，您应该使用JS，而不是使用loadCSS.JS来加载动态css，控制在何处放置内容，以及在加载时可以监听内容。

---

对于脚本，请使用$script.js，这是您可以找到的最小的库，或者使用require js，这是最适合这些内容的库，但对于加载脚本来说，这太过分了。

您应该标记更多更精确的主题，这与css标记完全不同。我已经使用jquery解析并应用了它，但现在我需要使用c在页面加载中执行相同的操作。