替代将样式表加载到头部

Question

谁能告诉我在尝试动态加载样式表时将样式表加载到head的替代方法，我该怎么做？

Answer 1

You can load them dynamically. See here .

Answer 2

There are different implementations for this (you can Google, "load css dynamically", but the basic principle is the same: using JavaScript, you create a link element, give it the appropriate attributes, and append it to the head.

Here's a simple example taken from:
http://otaqui.com/blog/1263/simple-script-to-load-css-from-javascript/

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

---

Here's a more complex, but robust example, taken from the yepnope library.
https://github.com/SlexAxton/yepnope.js/blob/master/plugins/yepnope.css.js

This solution allows for a callback (after you load the CSS, do this...)

Answer 3

another alternative is using jquery, try this:

$('head').append('<link rel="stylesheet" type="text/css" href="style.css">'); 

hope it helps :)