在没有将#region添加到链接的情况下在网站上自动“跳转”?

时间:2012-08-21 13:32:21

标签: html hyperlink hashtag

如果您想在网站上跳转到特定位置,请为该位置添加主题标签,例如:

www.mysite.com/category/file1#info

是否可以将类别文件夹中每个网站的跳转设置为自动跳转到#info而不设置链接?

就像,当我分享任何这些链接时:

www.mysite.com/category/file1
www.mysite.com/category/file2
www.mysite.com/category/file3

然后会自动跳转到 #info

如果这可能是一种方法/解决方案?

1 个答案:

答案 0 :(得分:1)

假设您更喜欢使用客户端技术,而不是服务器端(。 ..),并且您很乐意使用JavaScript,那么以下解决方案将使用href更改所有 a元素的href属性包括category文件夹:

var links = document.getElementsByTagName('a');

for (var i = 0, len = links.length; i < len; i++) {
    var cur = links[i],
        h = cur.href;
    if (h.indexOf('/category/') !== -1) {
        cur.href = h + '#info';
    }
}

JS Fiddle demo

或者,更简洁一点,使用三元运算符完成相同的操作(尽管如果不改变,这次显式返回href

var links = document.getElementsByTagName('a');

for (var i = 0, len = links.length; i < len; i++) {
    var cur = links[i],
        h = cur.href;
    cur.href = h.indexOf('/category/') !== -1 ? h + '#info' : h;
}​

JS Fiddle demo