老师，我的代码 第一个返回顶部有效，后两个无效是什么原因？麻烦老师解答一下，谢谢！
来源：4-18 编程练习
幕布斯4073290
2019-11-16 22:18:40
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h6>这里是顶部</h6>
<a href name="top"></a>
<a href ="#fruit">水果</a>
<a href ="#vegetable">蔬菜</a>
<a href ="#sport">运动</a>
<a name="fruit"></a>
<h3>水果</h3>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<a href "#top">返回顶部</a>
<a name="vegetable"></a>
<h3>蔬菜</h3>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<a href"#top">返回顶部</a>
<a name="sport"></a>
<h3>运动</h3>
<ul>
<li>篮球</li>
<li>排球</li>
<li>足球</li>
<li>乒乓球</li>
<li>游泳</li>
<li>跑步</li>
<li>羽毛球</li>
<li>体操</li>
</ul>
<a href"#top">返回顶部</a>
</body>
</html>
1回答
-
好帮手慕夭夭
2019-11-17
同学你好，其实3个a标签href都写错了，如下：
1 .第一个href后面有一个空格，所以href并没有设置属性值，默认为空。所以点击是刷新页面，并不是返回顶部
2.后两个是href与后面的值连在一起了，导致href属性也无法正常解析了。
上述两个问题，在href后面加上等号即可：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题