jQuery：如何将目标属性添加到window.location？

Question

我有两个框架的主页。左边框是导航菜单，其中包含约30个链接到不同网站的链接。当用户点击导航菜单上的链接时，右侧框架（框架名称为“显示”）用于显示网站的内容。

左侧导航菜单 这是左侧导航菜单中的部分代码：

<div id="LoadPage"> 
<a id="link1" href="http://domain1.com" target="display">Website 1</a> 
<br> 
<a id="link2" href="http://domain2.com" target="display">Website 2</a> 
</div> 

当在左导航菜单上的链接用户点击，网站就会在右边框显示（显示）正确。

现在，我希望一个随机的网站将在主页加载时显示。

我试试下面的代码：

下面是报头部分jQuery的部分代码：

<script src="jquery.js" type="text/javascript"></script> 

    <script type="text/javascript"> 

     $(document).ready(function() { 
     ..................................... 
     .................................... 


       if (randomNumber = 1) { 

        window.location = $("a#link1").attr("href"); 

       } else { 
        ........................... 
       } 


      }); 

    </script> 

问题： 上述代码的问题是，该网站将在显示左导航窗口，不在右窗口（显示）。

如何将target =“display”属性添加到这行代码中，以便网站将显示在右侧窗口（显示）中？

window.location = $("a#link1").attr("href"); 

请帮忙！

问候

亚历

Answer 1

一个简单的解决方法是只调用$("a#link1").click()，而不是直接改变window.location。

Answer 2

假设你的右边的iframe有一个id'right-iframe'。在左iframe中，你可以做

$(window.parent.document).find('#right-iframe').attr('src', $("a#link1").attr("href")); 

你需要确保你的左IFRAME域和根窗口域相同。