锚标记 - 可以在链接的末尾使用

时间:2017-07-14 13:29:21

标签: html css html5 tags anchor

我正在尝试将用户重定向到页面中的某个部分。

通常你会把锚标记放在最后。但由于我们使用的营销系统会自动将跟踪链接插入到href中,我似乎无法将重定向锚标记放在链接中。

例如:

href="www.yahoo.com/#collections"

当它通过营销系统时,它变成

href="www.yahoo.com/#collections?cid=tracking..."

我不能手动编辑此链接。我想知道我们是否可以将锚标记放置在链接的不同部分中,或者除了锚标记之外还有添加重定向的方法吗?

1 个答案:

答案 0 :(得分:0)

只需将href保持原样并添加一个onclick事件:

onclick="window.location.href='#collections'; return false;"

也可以使用href ="#collections" - 如果营销软件有任何好处,它应该告诉它不是网址。相反,如果要链接到特定页面和锚点,请使用上面的onclick方法和完整的URL和#。如果您的营销软件甚至在onclick中进行了更改,请尝试javascript字符串连接,如:

onclick="window.location.href='www.yahoo' + '.com' + '#collections'; return false;"



.test
{
  height:650px; 
  width: 450px;
  font-size: 50px;
  text-align: center;
}

<body>
<a href="www.yahoo.com?cid=tracking" onclick="window.location.href='#test4'; return false;">LINK WITH tracking</a>
<div class="test" style="background:red">
 <a name="test1"></a>
 TEST
</div>
<div class="test" style="background:lightblue">
 <a name="test2"></a>
 222222222222222 sadsad fsadf 
</div>
<div class="test" style="background:pink">
 <a name="test3"></a>
 3333333 3333 333a sd fasdf asdf
</div>
<div class="test" style="background:yellow">
 <a name="test4"></a>
 444444 4444 4444444444 sadf sadf
</div>
<div class="test" style="background:grey">
 <a name="test5"></a>
 555555 sadf sadf
</div>
</body>
&#13;
&#13;
&#13;