麻烦看下我的代码？感觉有问题，返回底部怎么实现。
来源：4-18 编程练习
慕圣6644025
2019-07-19 09:41:16
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="#fruit">水果</a>
<!--设置蔬菜锚点链接-->
<a href="#vegetables">蔬菜</a>
<a href="#movement">运动</a>
<!--设置水果标题-->
<a href="#" name="fruit"></a><h2>水果</h2>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<!--设置返回顶部链接-->
<a href="#" name="水果"> 返回顶部</a>
<!--设置蔬菜标题-->
<a href="#" name="#movement"></a>
<h2>蔬菜</h2>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<!--设置返回顶部链接-->
<a href="#" name="蔬菜"> 返回顶部</a>
<!--设置运动标题-->
<a href="#" name="#movement"></a>
<h2>运动</h2>
<ul>
<li>跑步</li>
<li>游泳</li>
<li>健身</li>
<li>击剑</li>
<li>爬山</li>
<li>劲走</li>
<li>打排球</li>
<li>打篮球</li>
<li>打羽毛球</li>
<li>撸铁</li>
<li>跑步</li>
<li>游泳</li>
<li>健身</li>
<li>击剑</li>
<li>爬山</li>
<li>劲走</li>
<li>打排球</li>
<li>打篮球</li>
<li>打羽毛球</li>
<li>撸铁</li>
</ul>
<!--设置返回顶部链接-->
<a href="#" name="运动">返回顶部</a>
</body>
</html>
3回答
-
好帮手慕星星
2019-07-19
同学你好，
1、通过name属性设置锚点的时候，是不需要加#的：
2、顶部锚点name值设置的是top：
所以在返回顶部a标签href属性值中应该写#top：
可以重新测试下。
下面同学的代码没有问题：
祝学习愉快！
0 -
猫叔人生
2019-07-19
完整代码，你参考一下，你的锚名设置有点问题。
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="#fruit">水果</a><br />
<!--设置蔬菜锚点链接-->
<a href="#vegetable">蔬菜</a><br />
<!--设置运动锚点链接-->
<a href="#sports">运动</a><br />
<!--设置水果标题-->
<a name="fruit"><h2>水果</h2></a>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<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"><h2>蔬菜</h2></a>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
<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="sports"><h2>运动</h2></a>
<ul>
<li>跑步</li>
<li>跳绳</li>
<li>篮球</li>
<li>足球</li>
<li>乒乓球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>跳绳</li>
<li>篮球</li>
<li>足球</li>
<li>乒乓球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>跳绳</li>
<li>篮球</li>
<li>足球</li>
<li>乒乓球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>跳绳</li>
<li>篮球</li>
<li>足球</li>
<li>乒乓球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>跳绳</li>
<li>篮球</li>
<li>足球</li>
<li>乒乓球</li>
<li>羽毛球</li>
<li>跑步</li>
<li>跳绳</li>
<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>
</body>
</html>
0 -
猫叔人生
2019-07-19
<a href="#top">返回顶部</a>
0
相似问题