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

江南南岸

3 e+ F& ^; k; \9 m  g) C; |
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
0 r% a$ v" ?0 I

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   7 S: K$ _& |) p1 L
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   & }; Z' c" N! e! P8 ?2 ^7 t
6.         anchors[i].setAttribute('target', '_blank');
   ( `! M5 w8 i4 M3 i8 w) J5 G1 V
7.         anchors[i].addEventListener('click', function() {
   + R3 ?: W3 l6 X2 e
8.             showcaseTimeout = setTimeout(function() {
   2 t7 M( D+ o" E- W
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    / N' N9 c: P1 M/ H$ `
12.     }

复制代码

江南南岸

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

" o. d- `, E$ Q) V; A( s! _0 Z1 n请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
! Z4 l$ {' R& i/ q, L( e) d

1. <div class="sweet-alert animated bounceIn" id="modal03">
   5 t$ L& l* D& T* S+ n/ X; m0 |
2.         <div class="sa-icon sa-success" id="success03">
   
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   
4.             <div class="sa-placeholder"></div>
   ; Q8 X  W" x: w- d+ s
5.             <div class="sa-fix"></div>
   
6.         </div>
   0 X0 F' |$ J# f, U3 }
7.         <h3>恭喜你</h3>        
   6 l% d) x; b3 `5 K0 ]/ p: g; Q
8.         <img class="modaliphone" src="./index_files/44.png">
   & v" l( j6 q# c$ a: p* j8 ]
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    ' g- t* Z( D6 K6 }% s8 T
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    4 F# a4 b. L) @
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    6 h6 a5 C3 B% L
14.                 <div class="la-ball-fall"></div>
    2 a2 _, ^. u" L2 J% j
15.             </div>
    
16.         </div>
    ; c% W" k  p6 b) h" d
17.     </div>
    6 P2 A) H. e* k3 R2 `5 ]  m
18.     <script src="./index_files/main_script.js"></scri

复制代码

+ G0 k( y0 w( {# o( b8 l" Pjs代码

1. $(document).ready(function() {
   
2. 
   / _/ e* h2 {; X  e
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   ' y9 Z# _# q! o' |
6. 
   ; W$ R  w: c$ w" L) B# p! q0 F
7. 
   ' V) n" y4 p9 l: N1 |4 A
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    3 x$ J7 v' U% U# o) |
11.          $('#spin').addClass('spinAround');
    9 c9 ^6 Q6 j* c
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    % c( ]3 J* p( F- H0 S9 Q* S4 X
14.              $('.sweet-overlay').css('display', 'block');
    6 l2 K/ R5 `/ p* a5 l1 C4 E
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    * ]/ R4 b/ Q  d& w$ c
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    ' K3 b$ u0 `, K" R* W
19.              }, 500);
    
20.          }, 7500);
    . |1 F) W; k: x( w/ c: C: O
21.      }
    ( O# B- T2 Y: c0 J- ~+ n3 T
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    7 m; p2 f, C, X+ y' r; w& o
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    ) l/ H6 K( L  }: L  k# E4 n
30.          setTimeout(function() {
    0 H. C& q" g" n9 w' O' Y" U
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    ! k, A/ @( u! H' m
33.              setTimeout(function() {
    4 N5 J" @  n  {0 h
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    " L* }. U$ _8 j0 M9 |! x2 Z
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    + I9 A$ E1 [/ I" n
38.          }, 8000);
    
39. 
    & T0 t$ R# _0 s- u1 x$ Z; \" C7 Q, Z
40.      }
    
41. 
    9 f. q- ]: b/ c, N
42.     $('button#win').on('click', function(e) {
    . J; }8 E( o& r1 S" d4 H9 w
43. 
    
44.         e.preventDefault();
    ( _& [7 n4 J. D6 |% f
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    / |7 m+ J/ S$ t( W3 e
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    9 I4 y+ j. y; m+ q" Q6 d
50.         var $this = $(this);
    - d* p5 j& g- d/ X& x% K
51.         hidemodal02();
    / W/ E+ O+ ~- S) U$ a5 t
52. 
    
53.     });
    + K# z- o; N6 C; G  V$ d3 I
54. 
    : h$ u; H9 Y, c+ I
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

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