Question

我遇到了一个大问题。我有一个index.html，让我们说5个链接和一个 moreinformations.html ，其中一些div为display:none。

如果我点击 index.html 上的其中一个链接，它应该转发给 moreinformations.html 并显示相应的div（将css更改为{{ 1}}）。

我如何做到这一点，我实际上可以从链接发送一些值到其他HTML页面？我真的很困惑，希望有人可以帮忙！

Answer 1

你可以用PHP做到这一点但是因为你标记了这个问题jquery，这里是一个javascript解决方案。假设您提供了一个url参数并使用以下链接发送它：

<a href='moreinformations.html?divid=1'>div1</a> <a href='moreinformations.html?divid=2'>div2</a> <a href='moreinformations.html?divid=3'>div3</a>

并在moreinformations.html中添加此js：

var queryParams = location.search.substring(1).split("=");
var divid = queryParams[1];
$('#mydiv' + divid).show();

你的html可能看起来像：

<div id='mydiv1' style='display:none'></div>
<div id='mydiv2' style='display:none'></div>
<div id='mydiv3' style='display:none'></div>

Answer 2

您可以更新链接以包含哈希标记，例如<a href="moreinformation.html#div1">

在JS on moreinformation.html上，您可以执行以下操作：

$(function () {
    var hash = window.location.hash; // hash => #div1
    if (hash) {
            $(hash).show(); // $('#div1').show() - show div with id="div1"
    }
});

在链接点击上更改另一个站点上的div外观

2 个答案: