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>

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

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

我尝试以下代码：

这是Header Section中的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域和根窗口域相同。

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

2 个答案: