确定哪个元素引用当前的html

时间:2016-10-20 15:44:14

标签: javascript html

我有一个带有两个按钮的HTML页面。这两个按钮都引用相同的页面,比如Test2。在处理Test2(创建新元素等)时,我需要知道单击了哪个按钮。这是一个示例代码:

HTML1:         

<head>
<title>Test 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>

<div class="Main" id="Main">
<div id="Div1"> 
<button id="Btn1"  onclick="window.location.href='Test2.html';"> this is Button 1 </button>
</div>
<div id="Div2"> 
<button id="Btn2"  onclick="window.location.href='Test2.html';"> this is Button 2 </button>
</div>
</div>

</body>
</html>

HTML2:         

    <head>
    <title>Test 2</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </head>
    <body>
    <script type='text/javascript'>
if (1==1) { //if something happened
    var aaa=window.document.referrer.source;
    alert(aaa)}
    </script>
    </body>
    </html>

此代码的结果为&#34; undefined&#34;警报信息。我如何获得引用Test2.html的按钮或div的ID?

1 个答案:

答案 0 :(得分:1)

鉴于使用onclick来设置新位置,我会在每个网址中添加一个查询参数:

<button … onclick=onclick="window.location.href='Test2.html?btn=1';" … >#

然后在Test2.html中的代码中解析查询字符串。