layout.html 에 삽입하는 스크립트 질문드려요

사용자의 브라우저에 저장되는 쿠키르 이용해서

레이아웃이 불러들이는 css를 다르게 하는 코드입니다

<script>
var user=getCookie("username");
if(user == "" || user =="white")
{
setCookie("username", "white", 30);
document.write('<load target="css/basic.css"/>');
}else if (user == "black") {
document.write('<load target="css/black.css"/>');
}
</script>

그런데 위와같이 layout.html에 삽입 후 확인해보니

basic.css 와 black.css 모두를 동시에 불러들여서 두개의 css가 모두 적용되어 보여지더군요 ㅠㅠ

뭐가 문제일까요?