怎么在JS中向文档添加css引用

如何在JS中向文档添加css引用
我重写了alert弹窗，但要用这个弹窗插件要引用xxx.js和xxx.css。现在我希望的只要引用xxx.js就能用这个弹窗了。然后我就在js里面又写了一句，当触发这个JS的时候，页面就添加引用这个css。但我这段引用是这样写的var link="<link rel='stylesheet' type='text/css' href='alert/alert_new.css'>";，但我现在担心的是要是使用的人不把我的alert文件夹放在html文件同一目录下，那么alert/alert_new.css这段引用肯定是出错的。现在想问一问有没有什么好的解决方法？
------解决思路----------------------
如果CSS很少的话，可以这样写：

pop.style.cssText = "padding: 10px; border: 1px solid #ccc; ...";

------解决思路----------------------
这个没办法控制，你只能做好默认设置，要是别人更改了那也没有办法，应为你也无法做到别人放哪里。。

var link="<link rel='stylesheet' type='text/css' href='alert/alert_new.css' id='link1'>"

或者增加个id，然后获取这个link的href是否包含你默认的路径，如果不包含说明修改过了，然后获取下级联样式表中你的弹出层的某个样式是否和你的一样（如获取width，position定位），如果不一样说明css可能倒入错误或者被修改过。。

Javascript获取级联样式表中定义的CSS值


个人觉得楼主是瞎操心，用户要是没基础一般不会动路径什么的，动了路径那是自找的了。。
------解决思路----------------------
这是我在jquery插件中用的方法

function loadStyle(href)			//加载css

{

	$("head")[0].appendChild($("<link />", {

		href: href,

		rel: "stylesheet",

		type: "text/css",

		charset: "utf-8"

	})[0]);

}

var path = $("script").eq(-1).attr("src").replace(/[^\/]+$/,"");	//用户页面与插件目录的相对路径

loadStyle(path+"style.css");

function loadStyle(href)			//加载css

{

	$("head")[0].appendChild($("<link />", {

		href: href,

		rel: "stylesheet",

		type: "text/css",

		charset: "utf-8"

	})[0]);

}

var path = $("script").eq(-1).attr("src").replace(/[^\/]+$/,"");	//用户页面与插件目录的相对路径

loadStyle(path+"style.css");

------解决思路----------------------
script也是dom节点,它也有id属性,实在不行就给他个id，这样就不会出错了
------解决思路----------------------
1、 用绝对路径 如 http://www.abc.com/css/style.css
2、用相对网站根目录 路径 ：/css/style.css