如何将javascript/jquery函数从一个html页面传递到另一个html页面

我有这一页

在这个页面中，我在左边有导航链接，在右边有内容加载

function showonlyone(thechosenone) {
 $('div[name|="newboxes"]').each(function(index) {
      if ($(this).attr("id") == thechosenone) {
           $(this).show(200);
      }
      else {
           $(this).hide(600);
      }
 });
}

我的导航像这样

<ul>
        <li><a id="myHeader1" href="javascript:showonlyone('articles');" >ARTICLES</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('whitepapers');" >WHITE PAPERS</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('brochures');" >BROCHURES</a></li>
    </ul>

http://agencystudy.com/eic/microsites/microsites-02/articles.html#articles

我的内容在div中，如下所示

<div id="articles" name="newboxes" style="display:none;">
<div id="whitepapers" name="newboxes" style="display:none;">
<div id="brochures" name="newboxes" style="display:none;">

基本上这个页面，是一个内部页面。 我有一个主页，我想有每个部分的链接，所以我想要的部分已经显示，所以用户不必再次点击

知道我是怎么做的吗

---

感谢您的帮助，如果我没有使用正确的术语，我深表歉意。

如果我完全理解您的问题，请在“文章”页面上拨打

showonlyone

函数

$(function() { // DOMready
   showonlyone('articles');
});

---

对每个内部页面重复此代码，更改参数

如果我完全理解您的问题，在“文章”页面上，只需调用

showonlyone

函数即可

$(function() { // DOMready
   showonlyone('articles');
});

---

对每个内部页面重复此代码，根据我从您的问题中了解到的情况更改参数。
你在主页上有链接
当用户单击这些链接时，您希望在内部页面打开时该特定部分已经打开
与用户单击“文章”时一样，在内部页面中，文章div应该可见
为此，您必须按以下方式使用哈希标记

在你的主页上。。 为链接提供如下哈希标记

<ul>
        <li><a id="myHeader1" href="javascript:showonlyone('articles');" >ARTICLES</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('whitepapers');" >WHITE PAPERS</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('brochures');" >BROCHURES</a></li>
    </ul>

http://agencystudy.com/eic/microsites/microsites-02/articles.html#articles

然后在“文档准备就绪”事件的内部页面中

$(document).ready(function(){
 $(window.location.hash).show(200);
});

---

根据我从你的问题中了解到的情况，…
你在主页上有链接
当用户单击这些链接时，您希望在内部页面打开时该特定部分已经打开
与用户单击“文章”时一样，在内部页面中，文章div应该可见
为此，您必须按以下方式使用哈希标记

在你的主页上。。 为链接提供如下哈希标记

<ul>
        <li><a id="myHeader1" href="javascript:showonlyone('articles');" >ARTICLES</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('whitepapers');" >WHITE PAPERS</a></li>
        <li><a id="myHeader1" href="javascript:showonlyone('brochures');" >BROCHURES</a></li>
    </ul>

http://agencystudy.com/eic/microsites/microsites-02/articles.html#articles

然后在“文档准备就绪”事件的内部页面中

$(document).ready(function(){
 $(window.location.hash).show(200);
});

---

您应该避免重复ID，如“myHeader1”。不管怎样，只要在dom就绪的情况下致电

showonlyone（'articles'）

，谢谢您的帮助！我会删除id=“myHeader1”我其实并不需要这些东西。但您能否更具体地在dom就绪事件中调用它？对不起，我对这个很陌生。你应该避免重复ID，比如“myHeader1”。不管怎样，只要在dom就绪的情况下致电

showonlyone（'articles'）

，谢谢您的帮助！我会删除id=“myHeader1”我其实并不需要这些东西。但您能否更具体地在dom就绪事件中调用它？对不起，我对这个很陌生。呜！谢谢你，这太完美了！非常感谢大家的帮助！呜！谢谢你，这太完美了！非常感谢大家的帮助！