基本上是< link>标签在飞行中创建并附加到标题上就足够了

$('<link/>',{
   rel: 'stylesheet',type: 'text/css',href: 'path_to_the.css'
}).appendTo('head');

要么

var linkElem = document.createElement('link');
document.getElementsByTagName('head')[0].appendChild(linkElem);
linkElem.rel = 'stylesheet';
linkElem.type = 'text/css';
linkElem.href = 'path_to_the.css';

如果你想做的没有jQuery。

浏览器将响应DOM中的更改，并相应地更新您的页面布局。

编辑：

我已经看到旧的Internet Explorer有这个问题，你可能需要像回答这样做：

http://stackoverflow.com/a/2685639/618206

EDIT2：

阅读文件内容并将其放在一起(在< style>标签之间)也是一个有效的解决方案，但是这样的方式CSS不会被浏览器缓存。