JavaScript动态创建Link标签

function createLink(cssURL,lnkId,charset){
	var head = document.getElementsByTagName("head")[0],
	    link = document.createElement("link"),
		// insertAfter 你完全可以作为一个独立的方式使用,
		// 我这里作为内部函数处理,是为了createLink看上去更美观一些
		insertAfter = function (newElement, targetElement){
		var parent = targetElement.parentNode;
		if (parent.lastChild == targetElement) {
			// 如果最后的节点是目标元素,则直接添加。因为默认是最后
			parent.appendChild(newElement);
		}
		else {
			parent.insertBefore(newElement, targetElement.nextSibling);
			//如果不是,则插入在目标元素的下一个兄弟节点 的前面。也就是目标元素的后面
		}
	};
	
	link.setAttribute("href", cssURL);
	link.setAttribute("id", lnkId || "dynamic-style");
	link.setAttribute("charset", charset || "utf-8");
	link.setAttribute("rel", "stylesheet");
	link.setAttribute("type", "text/css");
	insertAfter(link, head.lastChild);
}
createLink("http://www.yaohaixiao.com/wp-content/themes/BlueNight/style.css");