跳转到offerA时怎样同时在新标签页打offerB

江南南岸

; `- y" Z; d1 U0 v- z* Y. Y
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
5 m2 W! c& d- p1 w: n2 c

tmdsoft

1. var url_string = window.location.href;
   ' F! a2 L# e, S: D  I
2.     var url = new URL(url_string);
   ! B3 S. F* N+ b% _8 G; g
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   $ _1 `3 i# c9 [. C( ^: f
5.     for (var i = 0; i < anchors['length']; i++) {
   8 o% A* T8 v( s9 X
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   # \; J# [2 A( z+ q- N, Y* C! K
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    1 j: O7 j9 m2 M4 G5 V
12.     }

复制代码

: w/ N7 P0 i. L

江南南岸

tmdsoft 发表于 2022-3-29 22:24

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
: b- `( t5 c' w( Z

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
2.         <div class="sa-icon sa-success" id="success03">
   7 I! [$ U9 L7 S! w
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   . g' A( l( D- `6 ?
4.             <div class="sa-placeholder"></div>
   " }- F- ^- s9 q2 b+ t2 T
5.             <div class="sa-fix"></div>
   
6.         </div>
   + S6 }1 m% J6 l  \* R3 R
7.         <h3>恭喜你</h3>        
   & Z) Q5 e" r: W+ P3 F% W
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    % y" W3 J1 O+ ]) \
11.         <div class="sa-button-container">
    " w* {3 p3 \1 d, E+ @* c
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    * t( E* \, e. L( {7 ~6 t
14.                 <div class="la-ball-fall"></div>
    2 u0 {7 S5 b8 |& z0 N4 v
15.             </div>
    # O8 A- m* R1 D* o
16.         </div>
    5 j! [" U) _; \& i4 C: q. N, r
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码

1. $(document).ready(function() {
   ' O# d% O& S1 Y, w
2. 
   / h& @# P- B/ ?1 x' L" H
3.      setInterval(function() {
   
4.          $("h1").toggle()
   2 I# Y! ?: c) f4 `& v7 p
5.      }, 1500);
   ) ~. J- E6 ^' V. G
6. 
   3 G: I- l9 ^+ R5 b9 q
7. 
     a+ I+ F: o5 l; a1 ^
8.      function hidemodal01() {
   5 ]3 m' ]+ @" {# t' R
9.          $('.sweet-overlay').css('display', 'none');
   + e& O/ ?; U0 C
10.          $('#win').removeClass('has-pulse');
    0 T2 ?4 r, |* s# x$ K& k4 \; M
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    ) d. ?& h' ?8 u2 N3 U
13.              $('#modal02').addClass('visible');
    ! ^; p% q+ E6 u2 K9 T2 H
14.              $('.sweet-overlay').css('display', 'block');
    2 y0 T( i& E6 O& \' g+ |
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    
20.          }, 7500);
    
21.      }
    
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    ! p3 G" a9 e/ Y
25.          $('.sweet-overlay').css('display', 'none');
    ; `+ j) ?$ c) r% i) d
26.          $('#spin').addClass('spinAround2');
    6 Z, G) X$ K2 z$ o: c3 n1 [) A
27.          setTimeout(function() {
    # W( D- K2 b. \0 h
28.              $('#iphone').css('display', 'block');
    8 }4 o* h; d1 K
29.          }, 7000);
    ) M# n* A9 L9 l; e
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    6 {! G3 |1 F0 ~5 S
32.              $('.sweet-overlay').css('display', 'block');
    % M' C2 L( F$ K4 B  Z* _
33.              setTimeout(function() {
    - R; y" r/ F1 L% W3 n
34.                  $('#success03').addClass('animate');
    4 @; M9 A- l1 }5 Y( {" Z) |, f
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    % q$ h# s- X9 B- O! t2 U$ a
37.              }, 500);
    
38.          }, 8000);
    
39. 
    
40.      }
    7 ?/ _/ p# l# n0 U$ b& z
41. 
    8 {" V8 i1 w0 |! t6 [' L5 S0 A
42.     $('button#win').on('click', function(e) {
    
43. 
    
44.         e.preventDefault();
    - s5 T* a6 _0 Q5 S* O1 U
45.         var $this = $(this);
    
46.         hidemodal01();
    5 d. m) k* P0 v5 J. Z/ O
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    * `) p  t( V" Y& L
52. 
    8 L& i+ ?: m3 r+ O; b' Q! Y
53.     });
    
54. 
    ' \, ~- L- W1 N
55. });

复制代码

ayue168

代码贴出来了，放在哪个位置，自己可以测试一下呀

alibaba

JS代码放置的位置很灵活的

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点