水果蔬菜运动如何实现同一页面跳转,两个页面来回跳转会,但是同一页面的跳转该如何实现。

水果蔬菜运动如何实现同一页面跳转,两个页面来回跳转会,但是同一页面的跳转该如何实现。

水果蔬菜运动如何实现同一页面跳转?第二道题两个页面的跳转自己会,一个页面的反而不会了,还望点播下。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2020-10-09 17:20:04

同学你好,在同一个页面通过a链接的href和name属性,设置锚点进行跳转就可以了,如下:

http://img1.sycdn.imooc.com//climg/5f802b1d092ec84707650841.jpg

具体可以参考如下代码测试理解下

<html>

<head>
    <meta charset="UTF-8">
    <title>超级链接</title>
</head>

<body>
    <a name="top">这里是顶部</a><br />
    <!--设置水果锚点链接-->
    <p><a href="#shuiguo">水果</a> </p>
    <!--设置蔬菜锚点链接-->
    <p><a href="#shucai">蔬菜</a></p>
    <!--设置运动锚点链接-->
    <p><a href="#yundong">运动</a></p>
    <!--设置水果标题-->
    <h2><a name="shuiguo">水果</a></h2>
    <ul>
        <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>
    <!--设置返回顶部链接-->
    <!--设置蔬菜标题-->
    <h2><a name="shucai"></a>蔬菜</h2>
    <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><br />
    <!--设置运动标题-->
    <h2><a name="yundong"></a>运动</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>
        <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>

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 Vigorous阿炎 #1
    明白了,主要是前面<a name="">这个没讲到。涉及到这个标签的使用。谢谢了。
    2020-10-09 18:23:01
  • 慕沐0341706 回复 提问者 Vigorous阿炎 #2
    前面讲了啊讲的是<h1 id="">这样的 。 <a name="">的这个没说但是大同小异都是设置锚点吧
    2020-10-19 16:08:45
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师