会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132906个问题
JAVA 全系列/第四阶段:网页编程和设计/HTML5(旧) 197楼
JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 198楼
JAVA 全系列/第四阶段:网页编程和设计/HTML5 200楼
JAVA 全系列/第四阶段:网页编程和设计/CSS3(旧) 202楼

问题:老师之前写的代码,我重新复制了一下,打开就成这个样子了

GYCQ_QG$8CX[Y@5GS`6PA$N.png

之前的那个打开没问题

Q02%K23@MEFHW2BNMLZF9$X.png

源代码:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/reset.css"/>
  <link rel="stylesheet" type="text/css" href="css/jd.css"/>
     <link rel="stylesheet" type="text/css" href="icon/iconfont.css"/>
 </head>
 <body>
  <!--导航开始-->
   <div class="nav">
    <div class="warp">
     <ul class="nav_ul1">
      <li><a href=""><i class="iconfont">&#xe604;</i>京东首页</a></li>
      <li><a href="">配送至: 北京</a></li>
     </ul>
     
     <ul class="nav_ul2">
      <li><a href="">洋洋宝贝</a><span>|</span></li>
      <li><a href="">我的订单</a><span>|</span></li>
      <li><a href="">我的京东</a><span>|</span></li>
      <li><a href="">京东会员</a><span>|</span></li>
      <li><a href="">企业采购</a><span>|</span></li>
      <li><a href="">京东手机</a><span>|</span></li>
      <li><a href="">关注京东</a><span>|</span></li>
      <li><a href="">客服服务</a><span>|</span></li>
      <li><a href="">网站导航</a><span>|</span></li>
     </ul>
    </div>
   </div>
  <!--导航结束-->
 
 
  <!--搜索框开始-->
   <div class="search">
    <div class="warp">
     <img src="img/login.png" />
     
     <div class="search_div" >
      <input type="text" class="search_text"/>
      <input type="button" value="搜索" class="search_button"/>
     </div>
     
    </div>
   </div>
  <!--搜索框结束-->
 
 
  <!--标题开始-->
  <div class="title warp">
   <h3>全部商品</h3>
   <div>
    <span>配送到</span>
    <select>
     <option>海淀区</option>
     <option>昌平区</option>
     <option>朝阳区</option>
     <option>顺义区</option>
     <option>大兴区</option>
    </select>
   </div>
  </div>
  <!--标题结束-->
  
  <!--显示菜单的开始-->
  <div class="tips warp"> 
   <ul>
    <li>
     <input type="checkbox"/>全选
    </li>
    <li>商品</li>
    <li>单价</li>
    <li>数量</li>
    <li>小计</li>
    <li>操作</li>
   </ul>
  </div>
  <!--显示菜单的结束-->
  
  <!--商品的详情展示开始-->
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img1.png" width=80px;></li>
    <li class="info_3"><a>【新品上市】APPLE苹果2019新款iPad Air3 64G</a></li>
    <li class="info_4"><a>颜色:深空灰色   </a></li>
    <li class="info_5">¥3548.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥3548.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>
  
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img2.png" width=80px;></li>
    <li class="info_3"><a>【新品上市】苹果2019新款MacBook Pro 13.3英寸苹果笔记本电脑  256G</a></li>
    <li class="info_4"><a>颜色:银色   </a></li>
    <li class="info_5">¥10888.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥10888.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>
  
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img3.png" width=80px;></li>
    <li class="info_3"><a>【新品上市】华为平板电脑MatePad Pro 10.8  6G+128G</a></li>
    <li class="info_4"><a>颜色:贝母白   </a></li>
    <li class="info_5">¥3799.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥3799.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>
  
  <div class="info warp">
   <ul>
    <li class="info_1"><input type="checkbox"/></li>
    <li class="info_2"><img src="img/img3.png" width=80px;></li>
    <li class="info_3"><a>算法(第4版) [Algorithms Fourth Edition]</a></li>
    <li class="info_4"><a>颜色:无  </a></li>
    <li class="info_5">¥7800.00</li>
    <li class="info_6">
     <button>-</button>
     <input type="text" name="" id="" value="1"/>
     <button class="bot">+</button>
    </li>
    <li class="info_7">¥7800.00</li>
    <li class="info_8">
     <a>删除</a><br />
     <a>移到我的关注</a>
    </li>
   </ul>
  </div>  
  
  <!--商品的详情展示结束-->
  
  <!--结算模块开始-->
  <div class="balance warp">
   <ul class="balance_ul1">
    <li>
     <input type="checkbox" name="" id="" value=""/>
     全选
    </li>
    <li><a>删除选择商品</a></li>
    <li><a>移到我的关注</a></li>
    <li><a>清除下柜商品</a></li>
   </ul>
   
   <ul class="balance_ul2">
    <li>已选择<span>1</span>商品</li>
    <li>总价:<span>¥12</span></li>
    <li>
     <button class="butt">去结算</button>
    </li>
   </ul>
  </div>
  <!--结算模块结束-->
  <br />
  <br />
 </body>
</html>


JAVA 全系列/第四阶段:网页编程和设计/Javascript 语言(旧) 203楼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>隔行变色-CSS</title>
		<style type="text/css">
			.datalist{
				border:1px solid #007108;	
				font-family:Arial;
				border-collapse:collapse;	
				background-color:#d9ffdc;	
				font-size:14px;
			}	
			
			.datalist th{
				border:1px solid #007108;	
				background-color:#00a40c;	
				color:#FFFFFF;				
				font-weight:bold;
				padding-top:4px; padding-bottom:4px;
				padding-left:12px; padding-right:12px;
				text-align:center;
			}
			
			.datalist td{
				border:1px solid #007108;	
				text-align:left;
				padding-top:4px; 
				padding-bottom:4px;
				padding-left:10px; 
				padding-right:10px;
				
			}	
		</style>
		<script type="text/javascript">
			/*********用Js的方法********/
			window.onload = function {
				var tr = document.getElementsByTagName("tr");/*根据元素名称获取对象*/
				for(var i =0;i<tr.length;i++){
					if(i%2==0){
						tr[i].style.backgroundColor="red"
					}else{
						tr[i].style.backgroundColor = "green"
					}
				}
			}
		</script>
		
	</head>
	<body >
		<table class="datalist" summary="list of members in EE Studay" id="oTable">
			<tr>
				<th scope="col">Name</th>
				<th scope="col">Class</th>
				<th scope="col">Birthday</th>
				<th scope="col">Constellation</th>
				<th scope="col">Mobile</th>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>isaac</td>
				<td>W13</td>
				<td>Jun 24th</td>
				<td>Cancer</td>
				<td>1118159</td>
			</tr>
		    <tr>		<!-- 偶数行 -->
				<td>fresheggs</td>
				<td>W610</td>
				<td>Nov 5th</td>
				<td>Scorpio</td>
				<td>1038818</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>girlwing</td>
				<td>W210</td>
				<td>Sep 16th</td>
				<td>Virgo</td>
				<td>1307994</td>
			</tr>
			<tr>		<!-- 偶数行 -->
				<td>tastestory</td>
				<td>W15</td>
				<td>Nov 29th</td>
				<td>Sagittarius</td>
				<td>1095245</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>lovehate</td>
				<td>W47</td>
				<td>Sep 5th</td>
				<td>Virgo</td>
				<td>6098017</td>
			</tr>
			<tr>		<!-- 偶数行 -->
				<td>slepox</td>
				<td>W19</td>
				<td>Nov 18th</td>
				<td>Scorpio</td>
				<td>0658635</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>smartlau</td>
				<td>W19</td>
				<td>Dec 30th</td>
				<td>Capricorn</td>
				<td>0006621</td>
			</tr>
			<tr>		<!-- 偶数行 -->
				<td>shenhuanyan</td>
				<td>W25</td>
				<td>Jan 31th</td>
				<td>Aquarius</td>
				<td>0621827</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>tuonene</td>
				<td>W210</td>
				<td>Nov 26th</td>
				<td>Sagittarius</td>
				<td>0091704</td>
			</tr>
			<tr >		<!-- 偶数行 -->
				<td>ArthurRivers</td>
				<td>W91</td>
				<td>Feb 26th</td>
				<td>Pisces</td>
				<td>0468357</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>reconzansp</td>
				<td>W09</td>
				<td>Oct 13th</td>
				<td>Libra</td>
				<td>3643041</td>
			</tr>
			<tr >		<!-- 偶数行 -->
				<td>linear</td>
				<td>W86</td>
				<td>Aug 18th</td>
				<td>Leo</td>
				<td>6398341</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>laopiao</td>
				<td>W41</td>
				<td>May 17th</td>
				<td>Taurus</td>
				<td>1254004</td>
			</tr>
			<tr>		<!-- 偶数行 -->
				<td>dovecho</td>
				<td>W19</td>
				<td>Dec 9th</td>
				<td>Sagittarius</td>
				<td>1892013</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>shanghen</td>
				<td>W42</td>
				<td>May 24th</td>
				<td>Gemini</td>
				<td>1544254</td>
			</tr>
			<tr>		<!-- 偶数行 -->
				<td>venessawj</td>
				<td>W45</td>
				<td>Apr 1st</td>
				<td>Aries</td>
				<td>1523753</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>lightyear</td>
				<td>W311</td>
				<td>Mar 23th</td>
				<td>Aries</td>
				<td>1002908</td>
			</tr>
		</table>
	</body>
</html>

老师我的隔行换色怎么没反应?

image.png

报的是这个错误

image.png

JAVA 全系列/第四阶段:网页编程和设计/Jquery(旧) 204楼
JAVA 全系列/第四阶段:网页编程和设计/JavaScript语言 206楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637