Question

可能重复：
How to use JavaScript variable in an HTML link

我正在处理的网站的<base>标记指向预先建立的网址。我想要做的是使用trueURL bellow来查找<base>标记以查找网页的网址。

我需要这个变量，因为我想构建一些指向网页不同部分的内部锚点。

我遇到的问题是我不知道我应该如何使用我存储在我的trueURL变量中的网址。是否可以使用它然后在网址上添加额外的扩展名以使其指向我的主播？

var trueURL = window.location.href;

以下是我想要获得的内容：

    <html>

    <ol>
        <li>
            <a href= [trueURL] + "#link1">Link1</a>
        </li>

        <li>
            <a href= [trueURL] + "#link2">Link2</a>
        </li>

        <li>
            <a href= [trueURL] + "#link3">Link2</a>
        </li>
    </ol>

    </html>

因此，最后我想让link1看起来像trueURL＃link1。

Answer 1

我认为这会产生你正在寻找的效果：

<html>
<base href="http://www.example.com" target="_blank" />
<script type="text/javascript">
var trueUrl = document.location.href;
</script>
<ol>
    <li>
        <a href="#" onclick="window.location = trueUrl + '#link1'; return false">Link1</a>
    </li>
    <li>
        <a href="#" onclick="window.location = trueUrl + '#link2'; return false">Link2</a>
    </li>
    <li>
        <a href="#" onclick="window.location = trueUrl + '#link3'; return false">Link3</a>
    </li>
</ol>
</html>

然而，通过javascript执行此操作的一个问题是，抓取工具无法关注这些链接，因此您可能会受到搜索引擎优化的影响。

理想的解决方案可能是提供绝对路径服务器端，而不是使用javascript。

如何解决<base />标签？

1 个答案: