[JQUERY] 클릭하면 링크를 열고 여러 페이지를 만들려면

클릭하면 링크를 열고 여러 페이지를 만들려면

해결법

1. ---

   1.HTML :

   HTML :

   <a href="#" class="yourlink">Click Here</a>
   

   JS :

   $('a.yourlink').click(function(e) {
       e.preventDefault();
       window.open('http://yoururl1.com');
       window.open('http://yoururl2.com');
   });
   

   window.open도 추가 매개 변수를 취할 수 있습니다. 여기를 참조하십시오 http://www.javascript-coder.com/window-popup/javascript-window-open.phtml

   당신은 또한 때때로 팝업 차단기 및 / 또는 광고 필터에 의해 차단 window.open 것을 알아야한다.

   아래 바울 추가 :이 방식은 또한 자바 스크립트에 대한 종속성을 배치 활성화된다. 좋은 아이디어,하지만 때로는 필요하지 일반적으로.

2. ---

   2.나는 간단한 방법으로 그것을했다 :

   나는 간단한 방법으로 그것을했다 :

       <a href="http://virtual-doctor.net" onclick="window.open('http://runningrss.com');
   return true;">multiopen</a>
   

   이 같은 창에서 새로운 창을 가상 의사에 runningrss 열 수 있습니다.

3. ---

   3.당신은 사용자가 여전히 JavaScript가 활성화되지 않은 경우에도 모든 링크를 열 수 있도록 HTML을 마련 할 수 있습니다. (우리는이 점진적 개선을 호출한다.) 그렇다면,이 힘 작업 같은 것을 잘 :

   당신은 사용자가 여전히 JavaScript가 활성화되지 않은 경우에도 모든 링크를 열 수 있도록 HTML을 마련 할 수 있습니다. (우리는이 점진적 개선을 호출한다.) 그렇다면,이 힘 작업 같은 것을 잘 :

   <ul class="yourlinks">
       <li><a href="http://www.google.com/"></li>
       <li><a href="http://www.yahoo.com/"></li>
   </ul>
   

   $(function() { // On DOM content ready...
       var urls = [];
   
       $('.yourlinks a').each(function() {
           urls.push(this.href); // Store the URLs from the links...
       });
   
       var multilink = $('<a href="#">Click here</a>'); // Create a new link...
       multilink.click(function() {
           for (var i in urls) {
               window.open(urls[i]); // ...that opens each stored link in its own window when clicked...
           }
       });
   
       $('.yourlinks').replaceWith(multilink); // ...and replace the original HTML links with the new link.
   });
   

   이 코드는 페이지 당과 같이 하나의 "멀티"를 사용하려는 경우에만 것입니다 가정합니다. (그것은 아마 오류 투성이 그래서 나는 또한 그것을 테스트하지했습니다.)

4. ---

   4.당신은 한 번의 클릭에 여러 개의 창을 열 수 있습니다 ...이 시도 ..

   당신은 한 번의 클릭에 여러 개의 창을 열 수 있습니다 ...이 시도 ..

   <a href="http://--" 
        onclick=" window.open('http://--','','width=700,height=700'); 
                  window.open('http://--','','width=700,height=500'); ..// add more"
                  >Click Here</a>`
   

5. ---

   5.나는 폴 아담의 접근 방식 사이의 하이브리드 방식의 비트를 만들었습니다 :

   나는 폴 아담의 접근 방식 사이의 하이브리드 방식의 비트를 만들었습니다 :

   링크의 배열을 여는 링크는 HTML 이미 사용 중입니다. JQuery와는 링크의 배열을 생성하고 "오픈 모든"버튼을 클릭 할 때마다 하나를 엽니 다 :

   HTML :

   <ul class="links">
   <li><a href="http://www.google.com/"></a></li>
   <li><a href="http://www.yahoo.com/"></a></li>
   </ul>
   
   <a id="open-all" href="#">OPEN ALL</a>
   

   JQUERY :

   $(function() { // On DOM content ready...
       var hrefs = [];
   
       $('.links a').each(function() {
           hrefs.push(this.href); // Store the URLs from the links...
       });
   
       $('#open-all').click(function() {
           for (var i in hrefs) {
               window.open(hrefs[i]); // ...that opens each stored link in its own window when clicked...
           }
       });
   });
   

   당신은 여기에서 확인할 수 있습니다 : https://jsfiddle.net/daveaseeman/vonob51n/1/

6. ---

   6.당신은 링크가 열립니다 방문자를 알려 선호하는 경우, 당신은 HTML 요소에서 링크를 읽는 JS 기능을 사용할 수 있습니다. 아래와 같이 당신도 링크를 수정 / 방문자 쓰기를하도록 할 수 있습니다 :

   당신은 링크가 열립니다 방문자를 알려 선호하는 경우, 당신은 HTML 요소에서 링크를 읽는 JS 기능을 사용할 수 있습니다. 아래와 같이 당신도 링크를 수정 / 방문자 쓰기를하도록 할 수 있습니다 :

   <script type="text/javascript"> 
       function open_all_links() {
           var x = document.getElementById('my_urls').value.split('\n');
           for (var i = 0; i < x.length; i++)
               if (x[i].indexOf('.') > 0)
               if (x[i].indexOf('://') < 0)
                   window.open('http://' + x[i]);
               else
                   window.open(x[i]);
       }
   </script>
   
   
   
   <form method="post" name="input" action=""> 
       <textarea id="my_urls" rows="4" placeholder="enter links in each row..."></textarea>
       <input value="open all now" type="button" onclick="open_all_links();">
   </form>
   

7. ---

   7.당신은 당신의 브라우저의 팝업 창 차단을 해제해야하고 코드가 작동 할 수있다.

   당신은 당신의 브라우저의 팝업 창 차단을 해제해야하고 코드가 작동 할 수있다.

from https://stackoverflow.com/questions/7064998/how-to-make-a-link-open-multiple-pages-when-clicked by cc-by-sa and MIT license