-1

可能重复:
如何在 HTML 链接中使用 JavaScript 变量

我正在处理的网站有一个<base>指向预先建立的 URL 的标记。我想做的是<base>通过使用下面的 trueURL 来查找网页的 url 来绕过标签。

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

我遇到的问题是我不知道应该如何使用我存储在我的 trueURL 变量中的 url。是否可以使用它,然后向 url 添加额外的扩展名以使其指向我的锚点?

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。

4

1 回答 1

0

我认为这会产生您正在寻找的效果:

<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 执行此操作的一个问题是爬虫将无法跟踪这些链接,因此您可能会受到 SEO 的影响。

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

于 2012-09-10T17:03:27.130 回答