两个URL链接并在第一个打开的URL页面中打开第二个URL

时间:2018-06-13 07:16:58

标签: javascript css html5

我的页面中有两个标记,其中包含不同网站的网址。两个标签都有target =“_ blank”,因此它们将在不同的窗口中打开它们的URL。 现在,如果用户点击第一个标记,它将打开第一个URL的窗口。如果用户没有关闭该窗口,请单击第二个标签,然后我希望第一个打开的窗口刷新自己并打开第二个标记的URL。这可能吗?

2 个答案:

答案 0 :(得分:1)

定义你的锚点:

<强> HTML:

<a href="/first" target="first" onclick="refresh()">First link</a> 
<a href="/second" target="second">Second Link</a>

JS:

function refresh(e){
    e.preventDefault();
    if( "first" in window ){
         first.location.href = e.target.href;   
    }
    else {
         window.target = window.open( e.target.href, 'second' );   
    }
};

答案 1 :(得分:0)

锚标记具有target属性,该属性包含可能的值

  • _blank:在新窗口中打开链接文档
  • _self:在同一框架中打开链接文档(默认)
  • _parent:在父框架集中打开链接文档
  • _top:以完整正文窗口打开链接文档
  • <name_of_frame>:您可以为框架提供名称以打开链接的文档。 (在下面的示例中,我们选择名称popupwindow作为给定的示例名称。您也可以给出不同的名称。)

引用下一个锚点击到同一帧将重新加载打开的同一帧中的内容。以下是您正在寻找的简单示例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
</head>
<body>
    <a href="https://google.com" target="popupwindow">Open Google</a>
    <a href="https://bing.com" target="popupwindow">Open Bing</a>
</body>
</html>