黑脸艺术家 发表于 2023-9-25 14:23:36

网页超链接跳转失败

网页1:
<!DOCTYPE html>
<html>
        <head>
                <meta charset='utf-8'>
                <title>WEB前端设计与开发</title>
        </head>
        <body>
                <h2>我的学习日志</h2>
                <ol>
                        <li>20230913</li>
                </ol>
                <p>版权所有:Cyj</p>
        <body>
</html>

网页2:
<!DOCTYPE html>
<html>
        <head>
                <meta charset='utf-8'>
                <title>WEB前端设计与开发</title>
                <link rel="shortcut icon" href="viewer.ico" type="image/x-icon">
        </head>
        <body>
                <h2>我的学习日志</h2>
                <ol>
                        <li>20230913</li>
                        <li><a href="20230920.html">20230920</a></li>
                </ol>
                <p>版权所有: cyj</p>
        </body>
</html>

网页3:
<!--
        author:cyj
        date:20230920
        content:常用标签
-->

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>学习常用标签</title>
        </head>
        <body>
                <h1>诗词欣赏</h1>
                <hr>
                <h2>咏鹅</h2>
                <p>鹅鹅鹅<sup>1</sup>,<br/>曲项向天歌<sup>2</sup>。</p>
                <p>白毛浮绿水<sup>3</sup>,<br/>红掌拨清波<sup>4</sup>。</p>
                <hr>
                <p>Copyright&copy;cyj20230920</p>
        </body>
</html>

网页4:
<!--
        author:cyj
        date:20230920
        content:常用标签
-->

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>学习常用标签</title>
        </head>
        <body>
                <p><a href="default.html">返回首页</a></p>
                <h1>诗词欣赏</h1>
                <hr>
                <h2>咏鹅</h2>
                <p>鹅鹅鹅<sup>1</sup>,<br/>曲项向天歌<sup>2</sup>。</p>
                <p>白毛浮绿水<sup>3</sup>,<br/>红掌拨清波<sup>4</sup>。</p>
                <hr>
                <p>Copyright&copy;cyj20230920</p>
        </body>
</html>

以上我是用HBuilderX创建网页,网页4为网页3的拓展,增加返回首页选项。网页2为网页1的拓展,增加日期超链接选项。我想要打开网页2跳转至网页4,然后从网页4能顺利回到网页2。
但目前情况是我打开网页2,点击超链接跳转是到网页3不是网页4,而我打开网页4点击返回首页,返回的是网页1而不是网页2。无法进行重复跳转
呃想请教一下大佬们我要怎么修改,为什么会出现这种问题?谢谢了!

isdkz 发表于 2023-9-25 14:23:52

问题分析:

在网页2中,超链接指向的是20230920.html,但是网页4中并没有这个文件,因此点击超链接跳转到了网页3。

在网页4中,返回首页的超链接指向的是default.html,但是网页1中也没有这个文件,因此返回的是网页1。

解决方案:

1. 在网页2中,将超链接的href属性修改为指向网页4的路径,即修改为:href="20230920/20230920.html"。

2. 在网页4中,将返回首页的超链接的href属性修改为指向网页2的路径,即修改为:href="../index.html"。

这样就可以实现从网页2跳转至网页4,然后从网页4返回网页2了。

原因分析:

超链接的href属性指向的是文件的路径,如果路径不正确,就会导致跳转失败。在本例中,由于路径不正确,导致跳转失败。

Mike_python小 发表于 2023-9-25 14:24:04

问题解析:

根据给出的网页代码和描述,问题的关键在于超链接跳转失败的问题。具体来说,点击网页2中的超链接应该跳转至网页4,然后从网页4点击返回首页应该返回网页2,但实际上无法进行重复跳转。

问题原因:

问题的原因可能是超链接的路径设置不正确或者超链接的相对路径解析有误。

解决方案:

1. 网页2跳转到网页4的超链接路径设置:

在网页2的代码中,超链接的路径应该设置为相对于当前网页的路径。根据提供的代码,网页4的文件名为"20230920.html",因此超链接的href属性应该设置为"20230920.html"。

修改后的代码如下:
html
<li><a href="20230920.html">20230920</a></li>


2. 网页4返回首页的超链接路径设置:

在网页4的代码中,返回首页的超链接路径应该设置为相对于当前网页所在位置的路径。根据提供的代码,网页2的文件名为"20230913.html"(假设),因此超链接的href属性应该设置为"../20230913.html"。

修改后的代码如下:
html
<p><a href="../20230913.html">返回首页</a></p>


这样修改后,点击网页2中的超链接将会成功跳转到网页4,而在网页4点击返回首页将会返回到网页2。

注意:以上修改假设了网页的文件名,实际应根据实际文件名进行相应修改。

希望以上解决方案能够帮助到你!如有更多问题,请随时提问。

球一个最佳答案谢谢啦!这对我非常重要!{:10_254:}{:10_254:}{:10_254:}
回答可能有误,多多谅解!
页: [1]
查看完整版本: 网页超链接跳转失败