打开一页的不同标签,点击其他页面

时间:2016-06-15 11:36:23

标签: javascript html css html5 css3

我在第A页上有超链接。

在页面B上我有两个标签(标签1和标签2的内容是"显示:无和#34;)。当我点击页面超链接时,页面B第二个标签必须打开/激活。

我一直在寻找javascript解决方案。

APage.html

<a href="BPage.html">Show 2nd Tab of 'BPage.html'</a>

BPage.html:

<div id="tab1" style="display:none;">This is first tab content</div>
<div id="tab2" style="display:none;">This is Second tab content</div>

由于

2 个答案:

答案 0 :(得分:1)

<强> APage.html:

<a href="BPage.html#tab2">Show 2nd Tab of 'BPage.html'</a>

<强> BPage.html:

<div id="tab1" style="dispaly:none;">This is first tab content</div>
<div id="tab2" style="dispaly:none;">This is Second tab content</div>
<script type="text/javascript">
 document.getElementById(window.location.hash.substr(1)).style.display='block';
</script>

答案 1 :(得分:0)

我写过这个帮助我的脚本。

var  lnk = window.location.hash;
    var cap= lnk.substr(1);
    var splt = cap.split('#');
    var str2 = splt[0];
    var str3 = splt[1];
    var str4 = splt[2];
    var str5 = splt[3];
    document.getElementById(str2).style.display='block'; /*BPage 1st Tabs box- 2nd Tab*/
    document.getElementById(str3).style.display='block'; /*BPage 2st Tabs Box*/
    document.getElementById(str4).style.display='none'; /* BPageHiding 1st Tabs box-Active tab#*/
    document.getElementById(str5).style.display='block'; /*BPage 2st Tabs Box- 1st active tab */