首页 > 代码库 > 网站切换主题，小demo模拟
网站切换主题，小demo模拟
我就直接抡代码了。。。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script src="http://www.mamicode.com/js/jquery-1.12.2.js"></script>
<script>
var pre=‘css/‘;
$(function(){
if(!window.sessionStorage.getItem(‘style‘) || window.sessionStorage.getItem(‘style‘)===‘‘) {
$(‘#link‘).attr(‘href‘,pre+‘link1.css‘);
$(‘#change‘).val(‘link1‘);
}else {
$(‘#link‘).attr(‘href‘,pre+window.sessionStorage.getItem(‘style‘));
$(‘#change‘).val(window.sessionStorage.getItem(‘style‘));
}
})
</script>
<link rel="stylesheet" rev="stylesheet" id="link" type="text/css" media="all" href="" />
<script>
var pre=‘css/‘;
$(function(){
$(‘#change‘).on(‘change‘,function(){
window.sessionStorage.setItem(‘style‘,this.value);
location.reload(false);
})
})
</script>
</head>
<body>
<div></div>
<select name="" id="change">
<option value="http://www.mamicode.com/link1.css">link1</option>
<option value="http://www.mamicode.com/link2.css">link2</option>
</select>
</body>
</html>
网站切换主题，小demo模拟
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。