如何实现从A页面跳转至B页面并立即显示B页面的隐藏内容？

从A页面跳转到B页面后，可以通过JavaScript直接显示B页面的隐藏层。

1、实现从A页面到B页面的跳转并显示隐藏层

在A页面中创建一个链接指向B页面，并在链接中添加一个查询参数。<a href="B.html?id=show">Go to B</a>。

2、检查URL参数并调整层的显示状态

在B页面加载时，使用JavaScript检查URL中是否包含特定的查询参数，如果存在该参数，则将隐藏层设置为显示，显示层设置为隐藏，示例代码如下：

function show() {
    var a = document.location.href;
    if (a.indexOf("id=show") == 1) {
        document.getElementById("hidden").style.display = "none";
        document.getElementById("show").style.0 display = "block";
    } else {
        document.getElementById("show").style.display = "none";
        document.getElementById("hidden").style.display = "block";
    }
}

3、调用函数以应用显示设置

在B页面的适当位置调用上述函数，以确保在页面加载时正确应用显示设置，可以在<body>标签的onload事件中调用该函数，或者在页面的JavaScript文件中直接调用。

以下是一个详细的表格，展示了如何从A页面连接到B页面后直接显示B页面的隐藏层：

步骤	描述	代码示例
1	在A页面创建链接并添加查询参数	`Go to B`
2	在B页面检查URL参数并调整层显示状态	```javascript function show() { var a = document.location.href; if (a.indexOf("id=show") == 1) { document.getElementById("hidden").style.display = "none"; document.getElementById("show").style.display = "block"; } else { document.getElementById("hidden").style.display = "block"; document.getElementById("show").style.display = "none"; } }```
3	在B页面调用函数以应用显示设置	```html```

FAQs

问题1: 如何在A页面创建指向B页面的链接并添加查询参数？

答:

在A页面中，可以使用HTML的<a>标签创建一个超链接，并在其href属性中添加查询参数，要添加一个名为id的查询参数，并将其值设置为show，可以这样写：

<a href="B.html?id=show">Go to B</a>

问题2: 如何在B页面检查URL参数并调整层的显示状态？

答:

在B页面加载时，可以使用JavaScript来检查URL中是否包含特定的查询参数，如果存在该参数，则将隐藏层设置为显示，显示层设置为隐藏，以下是示例代码：

function show() {
    var a = document.location.href;
    if (a.indexOf("id=show") == 1) {
        document.getElementById("hidden").style.display = "none";
        document.getElementById("show").style.display = "block";
    } else {
        document.getElementById("hidden").style.display = "block";
        document.getElementById("show").style.display = "none";
    }
}

问题3: 如何在B页面调用函数以应用显示设置？

答:

<body onload="show()">