Question

我有一个静态的菜单，并且在所有页面视图中都是相同的。在主页面上，它应链接到页面底部（#footer），当你转到子页面时，它将链接到另一个页面。在我的情况下，我在Magento商店有一个博客，在首页上有一些博客帖子在网站的底部，当点击主菜单时，它应该重定向到那里。但是当用户访问类别或产品页面时，它应该直接链接到博客。

我不确定这是否可行，谷歌也没有帮助。如果有任何方法我会很高兴看到它们。谢谢！

Answer 1

你的解决方案是这样的：

<a href="#" id="myBtn">Click Me</a> 

<script>

$(document).ready(function(){

    $('#myBtn').click(function(){

        if(window.location.href == "http:// ...."){ //used to find the current page location 
            location.href = "#abc"; //at the bottom of page
        }
        else{
            location.href = "http:// .... ";//the next page you want to take the user to
        }

    });

});

</script>

使用普通html，任何锚点都不能有多个href位置。但是，通过使用JavaScript（我使用过jQuery Lib），您可以首先找到当前的网页位置，并根据它将用户点击超链接或按钮重定向到您想要的其他位置。

Answer 2

也许您可以使用Javascript来获取您所在的页面。然后用if（page == homepage）之类的内容构建一个if语句来转到页脚，（如果页面==类别转到产品）。

Answer 3

如果子页面位于不同的URL上，请通过检查当前URL来使用条件。

Get current URL in web browser

   <script>
function myFunction（）{

var str = window.location;

var patt = new RegExp（＆＃34;＃ide＆＃34;）;

var res = patt.test（str）;

如果（RES）{
  location.replace("http://www.homepage.com")
}否则{
  location.replace("http://www.subpage.com#ide")
}

}

可能是这个脚本会帮助你。

HTML一个href链接到两个不同的页面，具体取决于当前页面

3 个答案: