在主页面中动态加载CSS和JS文件

时间:2014-06-26 12:35:53

标签: javascript dynamic load

我有一些js和css文件现在我要求将这些链接保存在xml文件中并在页面加载时应用于aspx页面可以任何人请帮助这样做

css链接:

<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
<link rel="stylesheet" href="ed/bootstrap/css/bootstrap.css">

js links:

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>

xml文件:我不是写作xml文件的方式是否正确

<editor>
<template1>
<theme id="1" name="default">
<css><link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
<link rel="stylesheet" href="ed/bootstrap/css/bootstrap.css"/>
</css>
<js>
  <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
  <script type="text/javascript" src="js/js.js"></script>
  <script type="text/javascript" src="js/jquery.stellar.min.js"></script>
  <script type="text/javascript" src="js/waypoints.min.js"></script>
</js>
</theme>
</template1>
</editor>

1 个答案:

答案 0 :(得分:0)

我假设您希望浏览器在传递XML文件后动态加载这些文件?

如果是这样,那么使用ajax的组合来加载xml文件,然后使用Modernizr.load来加载文件。

http://modernizr.com/docs/#load

如果在服务器端使用xml文件,我想只需将各种链接和脚本打印到标题中,然后再将其发送到浏览器。