时间戳

首页 > 解决方案 > 停止将 HTML href 连接到地址栏

javascript - 停止将 HTML href 连接到地址栏

问题描述

我有一个btn-group带有一些按钮的按钮，每个按钮都会指向不同的页面。将btn-group在每个页面上可见。

这是 的 html btn-group，


        <div class="btn-group-lg text-center" role="group" aria-label="Basic example">

            <a class="btn btn-outline-primary" href="" role="button">Home</a>
            <a class="btn btn-outline-primary" href="view_schedule/" role="button">Schedule</a>
            <a class="btn btn-outline-primary" href="view_syllabus/" role="button">Syllabus</a>
            <a class="btn btn-outline-primary" href="view_records/" role="button">Records</a>
            <a class="btn btn-outline-primary" href="view_achievements/" role="button">Achievements</a>
            <a class="btn btn-outline-primary" href="view_gallery/" role="button">Gallery</a>
            <a class="btn btn-outline-primary" href="view_contact/" role="button">Contact</a>
            <a class="btn btn-outline-primary" href="about/" role="button">About Us</a>

        </div>

但是每当我按下一个按钮时，它都会修改地址栏中的 URL。示例：- 从http://127.0.0.1:8000/shotokankaratebd/开始，如果我按下 Schedule 按钮，它会将 URL 更改为http://127.0.0.1:8000/shotokankaratebd/view_schedule。

之后，如果我再次按下计划按钮，它会将其更改为http://127.0.0.1:8000/shotokankaratebd/view_schedule/view_schedule这是一个无效的 URL，我收到一个错误。

我该如何编写它，以便每当按下按钮时，只有http://127.0.0.1:8000/shotokankaratebd/之后的部分受到影响？

编辑以包括新的href：


            <a class="btn btn-outline-primary" href="../shotokankaratebd/" role="button">Home</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/view_schedule/" role="button">Schedule</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/view_syllabus/" role="button">Syllabus</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/view_records/" role="button">Records</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/view_achievements/" role="button">Achievements</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/view_gallery/" role="button">Gallery</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/view_contact/" role="button">Contact</a>
            <a class="btn btn-outline-primary" href="../shotokankaratebd/about/" role="button">About Us</a>

标签： javascripthtmlcssdjangotwitter-bootstrap

解决方案

您不应该对您的网址进行硬编码。使用django 的 url 模板标签为您的视图获取 url。

推荐阅读