【问题标题】:How do i fix this problem with my html href code?如何用我的 html href 代码解决这个问题?
【发布时间】:2019-04-04 20:41:30
【问题描述】:

所以我正在尝试为我的一些代码作业创建一个网站,但我的一个 html 链接不起作用。我已经尝试删除按钮功能,但它仍然无法正常工作。我粘贴了其他 s 的代码,它们似乎可以工作。只有这样是行不通的。

<nav>
<a href="Info.html"><button> INFO </button></a>
<a href="Ticket Purchase.html"><button> TICKET PURCHASE </button></a>
</nav>

“INFO”有效,但“TICKET PURCHASE”无效。

<nav>
<a href="Info.html"><button> INFO </button></a>
<a href="Ticket Purchase.html"> TICKET PURCHASE </a>
</nav>

我认为我的按钮可能正在执行某些操作,因此我将其删除,但它仍然无法正常工作。我什至将文件名粘贴到“.html”部分之前的空格中,但它仍然不起作用。我不明白,对我来说,代码看起来应该可以工作。我使用的是本地文件,因为我不需要在线发布,所以不用担心会影响工作。

我希望能够顺利地从一个网页传输到另一个网页,但是这行特定的代码行不通。我等了很长时间,以为它只是在我的电脑上滞后,但它就是行不通。请注意,更改本地文件的名称或删除它们之间的空格不会做任何事情。

【问题讨论】:

  • 尝试删除Ticket Purchase 中的空格。要么更改html文件的文件名将其删除,要么将链接更改为Ticket%20Purchase.html
  • &lt;button&gt; 元素在链接中被禁止
  • 我在本地测试您的代码时无法重现任何问题。
  • not working 对问题的描述非常无益。当你尝试时会发生什么?浏览器是否转到错误的 URL?什么都没有发生?
  • 对不起,我不是很熟悉非常具体。无论如何,不​​起作用是指点击该 URL 时绝对没有任何作用。

标签: html href


【解决方案1】:

您必须更改href 中的文件名。谢谢

示例 1 - 将 Ticket Purchase.html 更改为 TicketPurchase.html

&lt;a href="TicketPurchase.html"&gt; TICKET PURCHASE &lt;/a&gt;

示例 2 - 将 Ticket Purchase.html 更改为 Ticket-Purchase.html

&lt;a href="Ticket-Purchase.html"&gt; TICKET PURCHASE &lt;/a&gt;

【讨论】:

  • 为什么? URL 中允许使用空格。它们应该表示为 %20 而不是文字空间,但我不知道有任何浏览器不会错误地恢复它而不会出现问题。
  • 我试过了,还是不行……不仅如此,我主页链接的空间还不错。这是代码:“”它适用于此...
  • 如果你分享你的完整代码会更清楚。谢谢
【解决方案2】:

URL 中不允许使用空格,这就是为什么将长名称的网站作为一个单词写在一起的原因。在链接中放置空格将使服务器将空格转换为某些特殊字符。出于这个原因,您网站上的文件的命名应该在它们之间没有空格。

【讨论】:

    【解决方案3】:

    将文件名从 "Ticket Purchase.html" 更改为 "ticketPurchase.html"

    【讨论】:

    • 很抱歉,感谢您的努力。这种方法不起作用。我试过了,还是不行。
    • 然后试试 -
    • 我试过了,还是不行。我真的不知道是什么导致了这个问题。我现在有点沮丧......
    【解决方案4】:

    请参阅文档:https://developers.google.com/maps/documentation/urls/url-encoding

    某些字符不能成为 URL 的一部分(例如,空格)。

    应该是这样的:

    <a href="TicketPurchase.html"> TICKET PURCHASE </a>
    

    【讨论】:

    • 请注意,更改本地文件的名称或删除它们之间的空格不会做任何事情。我做了,还是不行。
    猜你喜欢
    • 2022-11-25
    • 2022-06-16
    • 2019-11-07
    • 1970-01-01
    • 2019-12-23
    • 2022-06-14
    • 1970-01-01
    • 2021-09-21
    • 1970-01-01
    相关资源
    最近更新 更多