새 탭을 열면 Javascript로 현재 열려있는 탭 새로 고침

첫 번째 탭에서 링크를 클릭하여 새 탭을 열면 현재 열려있는 탭을 새로 고칠 수 있습니까? 기본적으로 최종 결과는 다음과 같습니다. 첫 번째 탭이 열려 있고 첫 번째 탭에서 열려있는 페이지의 링크가 클릭됩니다 (중간 마우스 버튼 또는 이와 비슷한 항목이 두 번째 탭에서 열리도록). 탭)을 클릭하면 두 번째 탭에서 클릭 한 링크가 열리고 첫 번째 탭이 자동으로 새로 고쳐집니다. 내가 이해하기 쉽게 설명하기를 바랍니다. 참고 : 나는 내 웹 사이트를 디자인하지 않고 Greasemonkey로 웹 사이트 용 플러그인을 만들려고합니다.새 탭을 열면 Javascript로 현재 열려있는 탭 새로 고침

출처

2016-11-10 dead pimp

의는이 페이지에 링크가 가정하자

이

$(document).ready(function(){ 
    $('body').on('click','a',function(e){ 
     e.preventDefault() 
     // Open new tab - in old browsers, it opens a popup window 
     window.open($(this).attr('href'), '_blank'); 
     // reload current page 
     location.reload(); 
    }) 
})

모든 브라우저에서 테스트하세요 일부 브라우저에서는 링크를 새 탭 대신 팝업 창으로 열 수 있습니다. 크롬에서 F12 개발자 도구를 열고 빠른 테스트로서

및 콘솔에 쓰기 :

window.open('https://google.com', '_blank');location.reload();

출처

2016-11-10 15:09:18 besciualex

그 중 유일하게 작동하는 것 같습니다. 감사합니다. :) –

예. document.body 메소드가 있습니다.

w = window.open("yourUrl", "MYtest", "width=700, height=500");

을 그리고 당신의 기능에 당신이는 document.body 방법으로 액세스 할 수 있습니다 :

창문을 선언

html = "I Append my new html"; 
$(w.document.body).html(html);

출처

2016-11-10 14:39:05

나는 그것을 충분히 잘 설명하지 않았다 생각합니다. 이 말은 내 뜻을 잘 보여줍니다. http://i.imgur.com/6BPPVOY.png –

좋아요. 세부 사항을 추가하십시오. 아마 가장 좋은 그림. –

당신이 뭔가를해야합니다 (내부 jQuery 코드) :

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Title</title> 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
</head> 
<body> 
    <a id="myLink" href="http://www.google.com">Click me</a> 
    <div id="toUpdate">Not updated</div> 
</body> 

<script> 
$(function() { 
    $("#myLink").on("click", function(event) { 
     event.preventDefault(); 
     window.open(event.target.href, '_blank'); 
     $("#toUpdate").text("Go on google"); 
    }).on("mousedown", function(event) { 
     event.preventDefault(); 
     if (event.which === 2) 
      $("#toUpdate").text("Go on google"); 
    }); 
}); 
</script> 
</html>

Firefox 지원을 편집하도록 수정 됨

(당신이 언급 한 바와 같이, 당신이 jQuery를 사용하는 가정)이 추가 JS 스크립트에서

<a href="http://server.com/url-to-second-tab" target="_new">Link which opens new tab and refreshes current one</a>

출처

2016-11-10 15:06:54 Fefux

새 탭을 열면 Javascript로 현재 열려있는 탭 새로 고침

답변

관련 문제