Home/ Questions/Q 4256528
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T05:22:00+00:00

If a webpage has a base href, is there anyway to ignore it when

  • 0

If a webpage has a base href, is there anyway to ignore it when we’re using #ElementId, without refreshing the page?

Here’s some code:

<html>
  <head>
    <base href="http://www.google.com/" />
  </head>
  <body>
    <div id="test">
      Test
    </div>
    <button onclick="location.href='#test'">Back to Test</button>
    <a href="#test">Back to Test!</a>
  </body>
</html>

When I click on either the button or the link, I want the browser to bring the page to div#test. Without the base href tag, everything works – However, with the base-href tag, I can’t do it without the help of Javascript. Is there a way to do it in a more “natural” way?

Below’s a workaround that I have at the moment…

<html>
  <head>
    <base href="http://www.google.com/" />
    <script type="text/javascript">
      function goToElement(elementId) {
        var baseTag = document.getElementsByTagName("base")[0];
        var existingBaseHref = baseTag.href;
        baseTag.href = "";
        location.href = "#" + elementId;
        baseTag.href = existingBaseHref;
      }
    </script>
  </head>
  <body>
    <div id="test">
      Test
    </div>
    <button onclick="goToElement('test')">Back to Test</button>
    <a onclick="goToElement('test')">Back to Test!</a>
  </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You might just have to output the full absolute URL in your link’s href attribute.

    For example, you could do something like this in ASP.NET (using the AntiXss library):

    <a href="<%= AntiXss.HtmlAttributeEncode(Request.Url.AbsoluteUri) %>#test">
    Link text...
</a>

    Or something like this in PHP:

    <a href="<?php echo htmlentities($_SERVER['REQUEST_URI'], ENT_QUOTES, 'ISO-8859-1'); ?>#test">
    Link text...
</a>
    • 0