在两个不同的框架中打开两个不同页面

Opening two different pages in two different frames

本文关键字：两个 框架      更新时间：2023-09-26

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

因此，基本上，你点击链接，一个页面（即作为.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>

虽然我不知道如何在同一个窗口中瞄准不同的帧，但只有两个不同的窗口。

在页面中添加两个空的iframe，单击按钮即可设置它们的src属性，如本例所示：

$('a').on('click', function(e) {
  e.preventDefault();
  $('.iframe1').attr('src', 'http://www.test.com');
  $('.iframe2').attr('src', 'http://asdf.com/');
})
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;
}
<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>

相关文章：