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

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

javascript css html

Javascript 两个URL链接并在第一个打开的URL页面中打开第二个URL,javascript,css,html,Javascript,Css,Html,我有两个标签在我的网页有网址不同的网站。两个标记都有target=“\u blank”，因此它们将在不同的窗口中打开其URL。现在，如果用户单击第一个标记，那么它将打开第一个URL的窗口。如果用户没有关闭该窗口，而是单击第二个标记，那么我希望第一个打开的窗口刷新自身并打开第二个标记的URL。这可能吗？锚定标记有一个接受可能值的target属性 \u blank：在新窗口中打开链接文档 \u self：在同一帧中打开链接文档（默认） \u parent：在父框架集中打开链接文档 \u top：

我有两个标签在我的网页有网址不同的网站。两个标记都有target=“\u blank”，因此它们将在不同的窗口中打开其URL。

现在，如果用户单击第一个标记，那么它将打开第一个URL的窗口。如果用户没有关闭该窗口，而是单击第二个标记，那么我希望第一个打开的窗口刷新自身并打开第二个标记的URL。这可能吗？

锚定标记有一个接受可能值的

target

属性

```
\u blank
```
：在新窗口中打开链接文档
```
\u self
```
：在同一帧中打开链接文档（默认）
```
\u parent
```
：在父框架集中打开链接文档
```
\u top
```
：在整个窗口中打开链接的文档
：您可以为框架提供名称以打开链接文档。（在下面的示例中，我们选择名称
```
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>


试验

如下定义您的锚定：

HTML:

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

只需选择您自己的窗口名，而不是

\u blank

-然后它将被重新使用。如果允许，可以使用javascript。通过设置相同的

目标

框架名，HTML5也可以这样做。使用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' );   
    }
};