阅读量:0
从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页面调用函数以应用显示设置？
答:
在B页面的适当位置调用上述函数，以确保在页面加载时正确应用显示设置，可以在<body>标签的onload事件中调用该函数，或者在页面的JavaScript文件中直接调用。
<body onload="show()">
