Javascript 在两个不同的框架中打开两个不同的页面
我试着制作一个框架网站,我试着让一个链接在两个不同的框架中打开一个不同的页面 因此,基本上您单击链接,一个页面(即作为.html文件的主页)将在左侧的第1帧中打开,另一个页面(即完全不同的.html文件的某种形式或动画)将在右侧的第2帧中打开 JS和/或HTML。我尝试了一种不同的JS风格Javascript 在两个不同的框架中打开两个不同的页面,javascript,html,href,frames,Javascript,Html,Href,Frames,我试着制作一个框架网站,我试着让一个链接在两个不同的框架中打开一个不同的页面 因此,基本上您单击链接,一个页面(即作为.html文件的主页)将在左侧的第1帧中打开,另一个页面(即完全不同的.html文件的某种形式或动画)将在右侧的第2帧中打开 JS和/或HTML。我尝试了一种不同的JS风格 $('a.yourlink').click(function(e) { e.preventDefault(); window.open('http://yoururl1.com');
$('a.yourlink').click(function(e) {
e.preventDefault();
window.open('http://yoururl1.com');
window.open('http://yoururl2.com');
});
(感谢亚当·特尔森)
与html编码一起:
<a href="#" class="yourlink">Click Here</a>
虽然我不知道如何在同一个窗口中定位不同的帧,但只有两个不同的窗口。在页面中添加两个空iFrame,单击按钮设置其src属性,如本例所示:
$('a')。在('click')上,函数(e){
e、 预防默认值();
$('.iframe1').attr('src','http://www.test.com');
$('.iframe2').attr('src','http://asdf.com/');
})
iframe{
宽度:49vw;
浮动:左;
高度:100vh;
}
html,正文{
保证金:0;
填充:0;
}
a{
背景颜色:橙色;
颜色:黑色;
位置:固定;
排名:0;
左:0;
z指数:9;
显示:块;
宽度:80px;
填充:10px;
文本对齐:居中;
}
我认为在这种情况下,使用iframe将是一个更好的解决方案。