Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在两个不同的框架中打开两个不同的页面_Javascript_Html_Href_Frames - Fatal编程技术网

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

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');

我试着制作一个框架网站,我试着让一个链接在两个不同的框架中打开一个不同的页面

因此,基本上您单击链接,一个页面(即作为.html文件的主页)将在左侧的第1帧中打开,另一个页面(即完全不同的.html文件的某种形式或动画)将在右侧的第2帧中打开

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

$('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将是一个更好的解决方案。