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

江南南岸

0 V+ d1 K$ \) ~- s8 [5 e
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
0 {. G) X# a* W7 f- V

tmdsoft

1. var url_string = window.location.href;
   : C. P6 K8 c( z" f4 r+ q! Y. z
2.     var url = new URL(url_string);
   ) Z1 [& ]- n  l/ F: W  y# k" M
3.     var second_offer = 'https://second_offer.com';
     t. T+ s5 J$ K1 Q7 N
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    1 a  L1 S: u( b9 o3 L
11.         });
    2 z- x- ?' }9 n: t7 }
12.     }

复制代码

江南南岸

3 S3 f) s% V! w0 l% V

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

0 o: m# n: _' g$ u' `请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
6 n& |0 V% n! \0 h# `html代码最后的部分

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
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>
   5 p) ]$ E7 v% A; e3 z; v0 Y8 Q+ D
5.             <div class="sa-fix"></div>
   9 c( j; ^, r; B: l$ A# i  j
6.         </div>
   
7.         <h3>恭喜你</h3>        
   : |# W) D$ p# Y! N/ F7 u
8.         <img class="modaliphone" src="./index_files/44.png">
   5 B% B/ m0 `0 w$ _" f
9.         <p>1 点击页面</p>
   3 c$ ?$ A7 _0 ^, \) x+ F& I0 R
10.                 <p>2领取礼品</p>
    ' ]$ o4 e6 j  r7 a6 ~+ Z: e
11.         <div class="sa-button-container">
    ' L5 M, l) q9 V% Z! T; M; b8 g6 U3 {( L
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    0 r) Y: [5 H! y9 U4 W1 M
14.                 <div class="la-ball-fall"></div>
    0 `8 t6 Q! a1 B" _2 q0 Q
15.             </div>
    # A& c" l( @& l, W1 S: t
16.         </div>
    1 L8 p- S9 s' X8 g$ A. i/ s5 e8 v
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

) }5 b1 x* P/ Z9 L# {- ?1 K) Q6 G& n! n
js代码

1. $(document).ready(function() {
     E1 ]0 w2 A! o  Q# f/ p
2. 
   ( U% P, v- C3 O8 l/ s! w
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   0 l0 ~! H7 h- k# p5 j
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   " R; ?( o1 }8 H7 D0 v1 {" F+ r. B
10.          $('#win').removeClass('has-pulse');
    2 q0 d7 N, Y  B
11.          $('#spin').addClass('spinAround');
    . l' a) Q( a2 b( K0 \9 N, n
12.          setTimeout(function() {
    # d% t) h* W! F, y. i/ O4 w3 N% z9 o
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    3 l+ o2 V8 E+ Y3 R" w- z
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    ) `" a; A( ^% d
20.          }, 7500);
    
21.      }
    7 U# _1 G) w; H! L
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    4 q" D, s7 F& F3 E! |1 K7 B
29.          }, 7000);
    & ~* G& `0 B4 d% w1 ?
30.          setTimeout(function() {
    9 b9 i; p, `$ ~
31.              $('#modal03').addClass('visible');
    . B6 j: ~' y2 P$ N; h: x! E, y  D. G
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    . M# r2 b( T9 e( s% n1 o5 f( l- i/ S
35.                  $('#successtip03').addClass('animateSuccessTip');
    6 I) Z# X8 q/ }, p: R) Z$ W: B
36.                  $('#successlong03').addClass('animateSuccessLong');
    ! M% q- }$ Y' i+ _
37.              }, 500);
    
38.          }, 8000);
    
39. 
    
40.      }
    
41. 
    8 C: n. m  o: a
42.     $('button#win').on('click', function(e) {
    
43. 
    7 B- p8 w) Y8 U7 A$ L
44.         e.preventDefault();
    
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    , j  R9 \, E/ J( a% V
50.         var $this = $(this);
    
51.         hidemodal02();
    1 h' e& o: B: A2 ^
52. 
    
53.     });
    / D8 o0 U5 f, ?& [* J! G6 F% O
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

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