项目中需要用到动态加载CSS 文件，整理了一下，顺便融合了动态加载JS 的功能写成了一个对象，先上代码：
var dynamicLoading = {
css: function(path){
if(!path || path.length === 0){
throw new Error('argument "path" is required !');
}
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.href = path;
link.rel = 'stylesheet';
link.type = 'text/css';
head.appendChild(link);
},
js: function(path){
if(!path || path.length === 0){
throw new Error('argument "path" is required !');
}
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = path;
script.type = 'text/javascript';
head.appendChild(script);
}
}
对象包含两个完全独立的方法，分别用来加载CSS 文件和JS 文件，参数均为欲加载的文件路径。原理非常的简单：对于不同的加载文件类型创建不同的节点，然后添加各自的属性，最后扔到head 标签里面。经测试，本方法兼容各浏览器，安全、无毒、环保，是 web 开发人员工作常备代码。
下面是调用代码，异常简单：
//动态加载 CSS 文件
dynamicLoading.css("test.css");
//动态加载 JS 文件
dynamicLoading.js("test.js");
⑵ HTML中引入css和js的方法
我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。
Sublime Text
首先新建一个文件夹，在文件夹下面建立如下图所示的文件
接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示
然后我们在Head标签内用link标签引入CSS文件，如下图所示
最后用Script标签引入JS文件即可，如下图所示
⑶ 如何在Require.js的模块中引入css
require有个text组件的.引用组件后.define中只要text!css/style.css就可以引运唤用引用css文件就可以了.也可以引用html模板文件
define(["require"],function(require){
varcssUrl=require.toUrl("./style.css");
varlink=document.createElement("link"旁凯凯);
link.type="text/css";
link.rel="孙迹stylesheet";
link.href=cssUrl;
document.getElementsByTagName("head")[0].appendChild(link);
});
⑷ 如何在JS中定义CSS
vardomObj=document.getElementById("tagId");
//使用domObj.style来设置css：
domObj.style.backgroundColor="#000";//对应style里background-color
domObj.style.fontSize="#000";//对应style里font-size
//如果对这个表不太清楚可以在w3c上查一下
//但是一般有个规律就是，首单版词小写“-”后面的权第一个字母大写，如：font-size就是fontSize如果是想更换标签的class的话，可以使用
domObj.className="other_class";
⑸ 外部js怎么引用css
你说的制是用jQuery里的addClass方法吧（抱歉js原生暂时没发现该方法），那就要先引入jQuery.js，然后再引入a.js,可以这样做:
1、在c.css里写好你的样式：.cssStyle {你的样式};
2、然后在a.js里加入$('span').addClass('cssStyle')即可。
如果你的意思不是这个，那我猜你应该是想说怎么直接在js里操作css样式吧，那就可以这样：
var spanEl = document.querySelectorAll('span');
然后根据你的要求写样式，比如你要修改背景颜色为红色：
spanEl .style.background = ‘red’;
希望我的回答能帮助到你，谢谢！
⑹ 如何javascript获取css中的样式
方式一：
//找到dom对象抄使用style属性
alert(document.getElementById('元素id').style.color);//取颜色
alert(document.getElementById('元素id').style.fontSize);//取字体大小
所有-分割的样式名字，都去掉-该大小写譬如font-size=>fontSize
这个方式有弊端，通常只能获取到行内样式,所谓行内样式就是写在元素上的style属性
如下：
<ahref="#"style='color:red;,font-size:15px;'>这是个a标签</a>
方式二：
//用jQuery获取
alert($('#元素id').css('color'));
alert($('#元素id').css('fontSize'));//这个靠谱，都能获取到
⑺ javascript实现动态导入js与css等静态资源文件的方法
本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法。分享给大家供大家参考。具体实现方法如下：
/**
*
动态导入静态资源文件js/css
*/
var
$import
=
function(){
return
function(rId,
res,
callback){
if(res
&&
'string'
==
typeof
res){
if(rId){
if($($('#'
+
rId),
$('head')).length>0){
return;
}
}
//加载资源文件
var
sType
=
res.substring(res.lastIndexOf('.')
+
1);
//
支持js/css
if(sType
&&
('js'
==
sType
||
'css'
==
sType)){
var
isScript
=
(sType
==
'js');
var
tag
=
isScript
?
'script'
:
'link';
var
head
=
document.getElementsByTagName('head')[0];
//
创建节点
var
linkScript
=
document.createElement(tag);
linkScript.type
=
isScript
?
'text/javascript'
:
'text/css';
linkScript.charset
=
'UTF-8';
if(!isScript){
linkScript.rel
=
'stylesheet';
}
isScript
?
linkScript.src
=
res
:
linkScript.href
=
res;
if(callback
&&
'function'
==
typeof
callback){
if
(linkScript.addEventListener){
linkScript.addEventListener('load',
function(){
callback.call();
},
false);
}
else
if
(linkScript.attachEvent)
{
linkScript.attachEvent('onreadystatechange',
function(){
var
target
=
window.event.srcElement;
if
(target.readyState
==
'complete')
{
callback.call();
}
});
}
}
head.appendChild(linkScript);
}
}
};
}();
希望本文所述对大家的javascript程序设计有所帮助。
⑻ 用js文件怎么引入其他js文件和css文件
方法一，在调用文件的顶部加入下例代码：
document.write(”<scriptlanguage=javascriptsrc=’/js/import.js’></script>”);
(注：有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来)
方法二,通过中间界面对js进行应用
就是我们可以在某个html中引用了你需要的js文件，我们可以通过拿到那个html文件的对象，然后在通过这个对象去引用js的方法。
（一般不常用）
方法三：在将下边代码放入Body中：
new_element=document.createElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”import.js”);
document.body.appendChild(new_element);
我们来分析一下关键的几句代码：
首先，我们利用document.createElement(”script”)生成了一个script的标签，设置其 type属性为text/javascript，src为import.js(这里的1.js同2.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态 地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。
注意：<script language=”JAVASCRIPT” src=’1.js’></script>一定要放在body下面。
因为在2.js中用到了body（document.body.appendChild(new_element);）
如果将引如2.js的代码放在body上面，也就是说，
进入页面后，还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。
这时body不存在就会抛JavaScript错误。
⑼ 在JS文件中调用外部CSS文件
有点不明来白你的意思。自
是不是这样： 你的一个html页面里面本来包含一个框架页，后来你想把框架页换成一个js包含进去。
页面加载 js 跟 框架 是不一样的。
框架里的页面是独立的，不能共享父页面的css。js就不一样了，他用的是父页面的css。
最简单的是你先把你框架页<body> ………… </body>之间的代码写进父页面，用的css也写在父页面，然后看显示时候正常，再把这段代码写到js里，引进去OK了。