javascript 改变网页加载的CSS_javascript技巧 2020年9月21日 22:29:52js教程评论384 views阅读模式 这个是没有种cookie的,记录给自已。 复制代码 代码如下: 复制代码 代码如下: 默认样式蓝色经典红色梦幻 我是一只小小小小小鸟! 看一下效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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" /> <script> function changeStyle(name){ //alert(name); var css = document.getElementById("cssfile"); css.href = "http://img.jb51.net/css/"+name+".css"; } </script> </head> <body> <select onchange="changeStyle(this.options[this.selectedIndex].value)"> <option value="001" selected="selected">默认样式</option> <option value="blue">蓝色经典</option> <option value="red">红色梦幻</option> </select> <div id="cssTest"> 我是一只小小小小小鸟! </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 点赞 登录收藏 https://www.qieseo.com/383506.html 复制链接 复制链接