javascript CSS_javascript tips for changing web page loading

This is not a cookie, it is recorded for yourself.

Copy code The code is as follows:

<script> <br>function changeStyle(name){ <br> //alert(name); <br> var css = document.getElementById("cssfile"); <br> css.href = name ".css"; <br>} <br></script>

Copy code The code is as follows:

Default style
Blue Classic
< ;option value="red">Red Fantasy

I am a little little bird !

Look at the effect

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>css test</title> <link href="http://img.jb51.net/css/001.css" id="cssfile" rel="stylesheet" type="text/css"> <select onchange="changeStyle(this.options[this.selectedIndex].value)"> <option value="001" selected> </option>Default style<option value="blue"> </option>Blue Classic<option value="red"> </option>Red Fantasy</select> <div id="cssTest"> </div> I am a little little bird!
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]<script> function changeStyle(name){ //alert(name); var css = document.getElementById("cssfile"); css.href = "http://img.jb51.net/css/"+name+".css"; } </script>