1

我有两个 html 文件,即 FIRST.html 和 SECOND.html

FIRST.html 包含 ID 为 A1 到 A100 的 DIV,SECOND.html 包含 ID 为 B1 到 B100 的 DIV

单击 FIRST.html 中的特定 DIV 时,我想将用户重定向到 SECOND.html 并显示相应的 DIV。

例如,如果用户单击 FIRST.html 中的 DIV id=A10,他应该被重定向到 SECOND.html 并显示 DIV id=B10。

我需要思考如何做到这一点,我想知道我们是否可以将一些参数从一个页面传递到另一个页面,然后使用这些参数调用 javascript。

谢谢!

4

3 回答 3

2
    //FIRST.html
    $("#A10").click(function () {
        document.location.href = "SECOND.html?id=B10";
    })

    //SECOND.html

    $(function () {
        //Prepare the parameters
        var q = document.location.search;
        var qp = q.replace("?", "").split("&");
        var params = {};
        $(qp).each(function (i, kv) {
            var p = kv.split("=");
            params[p[0]] = p[1];
        });
        var idToOpen = params["id"]

        $("#" + idToOpen).show();
    })

    //You can add some other parameters
    document.location.href = "SECOND.html?id=B10&message=SomeMessage";

    //Get it like this

    $(function () {
        //Prepare the parameters
        var q = document.location.search;
        var qp = q.replace("?", "").split("&");
        var params = {};
        $(qp).each(function (i, kv) {
            var p = kv.split("=");
            params[p[0]] = p[1];
        });


        var idToOpen = params["id"]
        var message = params["message"]
        $("#" + idToOpen).show();
        alert("message")
    })
于 2012-07-30T03:18:01.300 回答
2

你可以尝试这样的事情:

将此添加到FIRST.html

$(document).ready(function() {
    $('div').click(function () {
       id = $(this).attr('id').substring(1);
       window.location = 'SECOND.html?id=' + id;
    });

    var getVar = location.search.replace('?', '').split('=');
    $('div[id$=' + getVar[1] + ']')[0].scrollIntoView();
});

将此添加到SECOND.html

$(document).ready(function() {
    $('div').click(function () {
       id = $(this).attr('id').substring(1);
       window.location = 'FIRST.html?id=' + id;
    });

    var getVar = location.search.replace('?', '').split('=');
    $('div[id$=' + getVar[1] + ']')[0].scrollIntoView();
});
于 2012-07-30T03:49:49.650 回答
1

在 FIRST.html 中输入这段代码

$('div').click(function() {
var someId = $(this).attr("id");
window.open('SECOND.html/#'+someId);
  });

或者,您可以使用完整的 URL 路径而不是 SECOND.html/#。它只是一个想法,未经测试,但您可以尝试一下。PS 这些是两个不同的页面,因此您可以在两个页面上放置相同的 ID 来尝试此示例。它不是纯 JavaScript,而是 Jquery。

于 2012-07-30T03:07:23.160 回答