上點擊一個div重定向到另一個HTML頁面，並調用JavaScript來顯示特定的div

我有兩個HTML文件即FIRST.html和SECOND.html上點擊一個div重定向到另一個HTML頁面，並調用JavaScript來顯示特定的div

FIRST.html與標識A1的DIV到A100，SECOND html的具有標識B1的DIV到B100

在點擊FIRST.html特定DIV，我想將用戶重定向到SECOND.html，並顯示相應的DIV。

例如，如果用戶點擊DIV ID = A10在FIRST.html，他應重定向到SECOND.html和要顯示的DIV ID = B10。

我需要怎麼可以這樣做的想法，我想知道，如果我們能夠從一個頁面傳遞一些參數到另一個，然後調用使用這些參數的JavaScript。

謝謝！

來源

2012-07-30 LINGS

你可以數存儲的localStorage或sessionStorage的使用JavaScript然後在第二頁找到它......並且...... – ama2 2012-07-30 02:39:53

你想讓頁面滾動到div嗎？你打算使用jQuery嗎？ – 2012-07-30 02:41:31

@ ama2 - 感謝您的評論，我不知道它應該看看它。 – LINGS 2012-07-30 02:58:48

你可以嘗試這樣的事：

一下添加到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-30 03:49:49

更新了我的答案。測試它，它應該工作。 – 2012-07-30 04:12:08

在FIRST.html把這段代碼

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

或者你也可以使用完整的URL路徑，而不是SECOND.html /＃。它只是一個想法，沒有經過測試，但你可以嘗試。附：這些是兩個不同的頁面，所以你可以把兩個相同的ID作爲這個例子。這不是純粹的JavaScript，而是Jquery。

來源

2012-07-30 03:07:23

//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-30 03:18:01 Charlie

上點擊一個div重定向到另一個HTML頁面，並調用JavaScript來顯示特定的div

回答

相關問題