如何给window.location添加target属性

Question

我有一个有两个框架的主页。左边的框架是导航菜单，大约有30个不同网站的链接。右侧框架(框架名称为"display")用于用户点击导航菜单上的链接时显示网站的内容。

左侧导航菜单这是左侧导航菜单代码的一部分:

<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>

当用户点击左侧导航菜单上的链接时，网站将正确显示在右框(display)上。

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

我尝试以下代码:

下面是Header部分的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'。在left-iframe中，可以输入

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

你需要确保你的left-iframe域和你的根窗口域是相同的