H_蜡笔不小心 2022-05-08 18:33 采纳率: 57.1%
浏览 146
已结题

请问如何改变网页背景颜色

问题遇到的现象和发生背景

问题：如果让文件“换皮肤的页面.html"能够实现页面换皮肤功能？
已经有

img

img

问题相关代码，请勿粘贴截图
<HTML>
<HEAD>

<META http-equiv="Content-Type" content="text/html; charset=gb2312">

</HEAD>

<TITLE>改变页面风格</TITLE>
<LINK id="1" type="text/css" rel="stylesheet" href="style/mr.css" >
</HEAD>
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<TABLE width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
<TR>
<TD>选择界面风格：<SELECT onChange="document.styleSheets[0].href=this.options[this.selectedIndex].value+'.css'" >
<OPTION value="Style/mr1" >默认风格</OPTION>
<OPTION value="Style/red"selected >粉红风情</OPTION>
<OPTION value="Style/blue1">蓝色天空</OPTION>
<OPTION value="Style/block1">灰暗忧郁</OPTION>
<OPTION value="Style/green"> 绿色地带</OPTION>
<OPTION value="Style/blue"> 蓝色港湾</OPTION>
<OPTION value="Style/block"> 黑白相间</OPTION>
</SELECT></TD>
</TR>
</TABLE>
</BODY>
</HTML>
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
  • 写回答

1条回答 默认 最新

  • Heerey525 前端领域新星创作者 2022-05-08 19:02
    关注
    
<HTML>
  <HEAD>
   
  <META http-equiv="Content-Type" content="text/html; charset=gb2312">
   
  </HEAD>
   
  <TITLE>改变页面风格</TITLE>
  <LINK id="1" type="text/css" rel="stylesheet" href="style/mr.css" >
  </HEAD>
  <BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  <TABLE width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <TR>
  <TD>选择界面风格：<SELECT id="select" onchange="change()" >
  <OPTION value="Style/mr" >默认风格</OPTION>
  <OPTION value="Style/red"selected >粉红风情</OPTION>
  <OPTION value="Style/blue1">蓝色天空</OPTION>
  <OPTION value="Style/block1">灰暗忧郁</OPTION>
  <OPTION value="Style/green"> 绿色地带</OPTION>
  <OPTION value="Style/blue"> 蓝色港湾</OPTION>
  <OPTION value="Style/block"> 黑白相间</OPTION>
  </SELECT></TD>
  </TR>
  </TABLE>
  <script>
    function change(val) {
      var val = document.getElementById('select').value
      dynamiccss(val+'.css')
    }
    
    function dynamiccss(path){
      if(!path || path.length === 0){
      throw new Error('argument "path" is required !');
      }
      var head = document.getElementsByTagName('head')[0];
      var link = document.createElement('link');
      link.href = path;
      link.rel = 'stylesheet';
      link.type = 'text/css';
      head.appendChild(link);
    }


  </script>
  </BODY>
  </HTML>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 5月8日
  • 已采纳回答 5月8日
  • 创建了问题 5月8日

悬赏问题

  • ¥20 西门子S7-Graph,S7-300，梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改，求解答！！
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
  • ¥20 docker里部署springboot项目，访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏！微信开发者工具报错，求帮改