JavaScript를 사용하여 새 창에서 URL 열기


130

현재 페이지를 공유하기 위해 "공유 버튼"을 만들고 있습니다. 현재 페이지 URL을 가져 와서 새 창에서 열고 싶습니다. 현재 URL 부분이 작동하지만 다음 부분이 작동하지 않는 것 같습니다.

나는 문법으로 어려움을 겪고있다. 새 창 크기를로 지정하고 싶습니다 width=520, height=570.

다음과 같은 것 :

<a target="_blank"
   href="https://www.linkedin.com/cws/share?mini=true&amp;url=[sub]" 
   onclick="this.href = this.href.replace('[sub]',window.location)">
    LinkedIn
</a>

어떤 아이디어?


답변:


218

사용 window.open():

<a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');">
  Share Page
</a>

Share Page높이가 570이고 너비가 520 인 새 창에서 현재 URL을 여는 제목의 링크가 생성됩니다 .


창 높이와 너비를 0으로 설정하는 방법, 0으로 설정하면 전체 화면이 표시됩니다
Akshatha Srinivas

팝업 창이 아닌 일반 창으로 어떻게 열 수 있습니까? 새 탭을 열 수 없기 때문에
Ashok kumar Ganesan

@ AkshathaSrinivas 최소 높이는 100입니다
Oscar Acevedo

56

그냥 window.open()기능을 사용 합니까? 세 번째 매개 변수를 사용하면 창 크기를 지정할 수 있습니다.

var strWindowFeatures = "location=yes,height=570,width=520,scrollbars=yes,status=yes";
var URL = "https://www.linkedin.com/cws/share?mini=true&amp;url=" + location.href;
var win = window.open(URL, "_blank", strWindowFeatures);

shiplu.mokadd.im 그것이 필요한 것 같지만 어디로 가는지 잘 모르겠습니다.
Mark Mitchell

2
@MarkMitchell 코딩 표준에 관심이 없다면 onclick속성에. 약간 더 나은 옵션은에서 호출하는 함수를 만드는 것 onclick입니다. 사용 getElementById하고 addEventListener여전히 깨끗합니다. jQuery를 사용하여 더 짧은 구문 (및 다른 기능 + 톤의 플러그인)을 얻는 것도 매우 인기가 있습니다.
John Dvorak

네 번째 매개 변수는 어떻습니까? 그것은 나에게 3처럼 보인다. 뭔가 빠졌습니까?
CoderDennis

@CoderDennis 멋진 캐치. 고쳤다.
Shiplu Mokaddim

안녕 창 닫기 이벤트를 어떻게 트리거 할 수 있습니까?
Dilakshan Sooriyanathan 2016 년

2

혼동하지 마십시오. strWindowFeatures를 제공하지 않으면 새 탭에서 열립니다.

window.open('https://play.google.com/store/apps/details?id=com.drishya');
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.