var CSS = {

        load: /*static*/ function (url_, /*optional*/ media_)
        {
                // We are preventing loading a file already loaded
                var _links = document.getElementsByTagName("link");
                var _head = document.getElementsByTagName("head")[0];               
               
                // Loop through the length of the links
                for( i = 0; _links.length > i; i++)
                {
                    // If the href is already present, remove it
                    if (_links[i]["href"] == url_)
                    {
                        _head.removeChild(_links[i]);
                    }
                }

                // Optional parameters check
                var _media = media_ === undefined || media_ === null ? "all" : media_;
               
                // Build link element
                var _elstyle = document.createElement("link");
                _elstyle.setAttribute("rel", "stylesheet");
                _elstyle.setAttribute("type", "text/css");
                _elstyle.setAttribute("media", _media);
                _elstyle.setAttribute("href", url_);

                // Add style
                _head.appendChild(_elstyle);
        }
};

 

<script type="text/javascript">

    CSS.load('http://example.com/path/to/file.css');

</script>