soderalohastrom/load_css_script

## load_css_script
<html>
<head>
  <meta charset="utf-8">
  <title>Load CSS via Script</title>
  <script>
    var ss = document.createElement( "link" );
    var ref = document.getElementsByTagName( "script" )[ 0 ];
    ss.rel = "stylesheet";
    ss.href = "foo.css";
    // temporary non-applicable media query to load it async
	ss.media = "only foo";
    ref.parentNode.insertBefore( ss, ref );
    // set media back
    setTimeout( function(){ ss.media = "all"; } );
  </script>
</head>
<body>
  <h1>Test page</h1>
<p>This page loads "foo.css" asynchronously with JavaScript from the <code>head</code> of the page.</p>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Load CSS via Script</title>
	<script>
	var ss = document.createElement( "link" );
	var ref = document.getElementsByTagName( "script" )[ 0 ];
	ss.rel = "stylesheet";
	ss.href = "foo.css";
	// temporary non-applicable media query to load it async
	ss.media = "only foo";
	ref.parentNode.insertBefore( ss, ref );
	// set media back
	setTimeout( function(){ ss.media = "all"; } );
	</script>
	</head>
	<body>
	<h1>Test page</h1>
	<p>This page loads "foo.css" asynchronously with JavaScript from the <code>head</code> of the page.</p>