javascript - 通过 javascript 链接到另一个带有书签的页面，这可能吗？

Question

实际上，我想通过单击第 1 页中的元素 A、B、C 等之一，从打开的第 2 页中的相同菜单中打开上面的页面(第 2 页)和已显示页面 1 中点击对应的隐藏其他。

在第 1 页将是:

<div id="Menu" class="pointer_p">
    <a onclick="return Menu('1',this)" class="hover_red_white_p"><p>A</p></a>
    <a onclick="return Menu('2',this)" class="hover_red_white_p"><p>B</p></a>
    <a onclick="return Menu('3',this)" class="hover_red_white_p"><p>C</p></a>
    <a onclick="return Menu('4',this)" class="hover_red_white_p"><p>D</p></a>
    <a onclick="return Menu('5',this)" class="hover_red_white_p"><p>E</p></a>
    <a onclick="return Menu('6',this)" class="hover_red_white_p"><p>F</p></a>
    <a onclick="return Menu('7',this)" class="hover_red_white_p"><p>G</p></a>
    <a onclick="return Menu('8',this)"></a>
    <a onclick="return Menu('9',this)"></a>
    <a onclick="return Menu('10',this)"></a>
</div>

这是将在第 2 页打开的页面:

http://jsfiddle.net/5faG7/2/

所以，要明确一点，如果我单击元素 A 将打开一个页面，您将在该页面中看到包含“1”而其他人将保持隐藏状态，如果单击元素 B 包含“2”而另一个隐藏等等对于 C、D、E 等。

在此先感谢您的帮助...:)

Answer 1

如果你使用 jQuery 会更容易。

代码如下:

<div id="menu">
    <a href="" data-page="1">A</a>
    <a href="" data-page="2">B</a>
    <a href="" data-page="3">C</a>
    <a href="" data-page="4">D</a>
    ...
</div>

<div id="content">
    <div data-page="1" style="display:none;">Text for page 1</div>
    <div data-page="2" style="display:none;">Text for page 2</div>
    <div data-page="3" style="display:none;">Text for page 3</div>
    <div data-page="4" style="display:none;">Text for page 4</div>
    ...
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#menu a").click(function(){
                    // Hide all the other menu items
                    $("#menu a[data-page!='" + page_name + "']").hide();
                    // Show the current menu item
                    $("#menu a[data-page='" + page_name + "']").show();
                    // Get the page name
        var page_name = $(this).data("page");
        // Hide all the pages
        $("#content div").hide();
        // Show the selected page
        $("#content div[data-page='" + page_name + "']").show();
    });
});
</script>