如何通过Page1锚点链接打开Page2指定Tab面板？

你的判断没错，问题出在Page2的JS只默认激活第一个Tab，没有读取URL中的锚点参数来切换对应面板。只需要在现有Tab逻辑中添加一段处理URL hash的代码即可：

修改Page2的jQuery代码如下：

jQuery(document).ready(function(){
    // 初始化Tab状态
    $('#tabs div').hide();
    $('#tabs ul li').removeClass('active');

    // 获取URL中的锚点
    var targetTab = window.location.hash;

    // 判断锚点是否有效，没有则默认第一个Tab
    if(targetTab && $(targetTab).length > 0){
        // 激活对应Tab项
        $('#tabs ul li a[href="' + targetTab + '"]').parent().addClass('active');
        // 显示对应面板
        $(targetTab).show();
    } else {
        // 默认激活第一个Tab
        $('#tabs div:first').show();
        $('#tabs ul li:first').addClass('active');
    }

    // 原有Tab点击切换逻辑
    $('#tabs ul li a').click(function(){
        $('#tabs ul li').removeClass('active');
        $(this).parent().addClass('active');
        var currentTab = $(this).attr('href');
        $('#tabs div').hide();
        $(currentTab).show();
        // 更新URL锚点，刷新页面后仍保持当前Tab状态
        window.location.hash = currentTab;
        return false;
    }); 
});

关键修改点： #

• 初始化时先获取window.location.hash，也就是Page1链接里带的#what1这类锚点
• 检查锚点对应的Tab面板是否存在，存在则激活对应Tab项并显示面板；不存在则保持默认第一个Tab
• 在Tab点击事件里添加window.location.hash = currentTab，这样手动切换Tab后URL会更新，刷新页面也能保持当前Tab状态

这样修改后，从Page1点击page2.html#what1这类链接，就能直接打开Page2并显示对应的what1面板了。

内容的提问来源于stack exchange，提问作者user2847451