Question

我正在尝试制作一个框架网站，而我正试图在两个不同的框架中建立一个不同页面的链接。

所以基本上你点击链接，一个页面（即主页作为.html文件）将在第1帧（左侧）和另一个页面（即某种类型的形式或动画完全打开）不同的.html文件）将在右侧第2帧打开。

JS和/或HTML请。我尝试了一种不同的JS风格

$('a.yourlink').click(function(e) {
    e.preventDefault();
    window.open('http://yoururl1.com');
    window.open('http://yoururl2.com');
});

（感谢Adam Terlson）

以及html编码：

<a href="#" class="yourlink">Click Here</a>

虽然我不知道如何在同一个窗口中定位不同的帧，但只有2个不同的窗口。

Answer 1

在页面中添加两个空的iframe，点击按钮设置其src属性，如下例所示：

＆＃13;

$('a').on('click', function(e) {
  e.preventDefault();
  $('.iframe1').attr('src', 'http://www.test.com');
  $('.iframe2').attr('src', 'http://asdf.com/');
})

＆＃13;

iframe {
  width: 49vw;
  float: left;
  height: 100vh;
}
html, body {
  margin: 0;
  padding: 0;
}

a {
  background-color: orange;
  color: black;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  display: block;
  width: 80px;
  padding: 10px;
  text-align: center;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#">GO</a>
<iframe src="" frameborder="0" class="iframe1"></iframe>
<iframe src="" frameborder="0" class="iframe2"></iframe>

＆＃13;

在两个不同的帧中打开两个不同的页面

1 个答案: