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

江南南岸

# T9 H  m7 C) `  E# {  x  n+ T
4 {* \( V* B- q! s/ A# V麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   + X% s  O/ d- z% f, D
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   $ K; o0 d$ l! U! y6 v# t
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   % u2 B- P- q5 x( c
8.             showcaseTimeout = setTimeout(function() {
   * J7 O, j1 ?0 k8 l; J% ~# K- x
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    % |1 `8 s# P8 q+ X
12.     }

复制代码

9 K+ [/ z7 Y) ]5 @+ |, s

江南南岸

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
  O( W4 Q% z! k0 X+ P) phtml代码最后的部分

1. <div class="sweet-alert animated bounceIn" id="modal03">
   ; Y1 b) Q' ?3 E- o0 v' h8 c
2.         <div class="sa-icon sa-success" id="success03">
   1 n  v+ E: ^4 o* x. ]
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.             <div class="sa-fix"></div>
   8 S: |* L1 q2 o+ N7 P  e0 ]
6.         </div>
   
7.         <h3>恭喜你</h3>        
   - x$ x. r" t, O( [/ i5 S
8.         <img class="modaliphone" src="./index_files/44.png">
   / E4 d( i8 p3 T' S# F; W- L
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    * V9 P. X* T7 E/ \3 K
11.         <div class="sa-button-container">
    8 _) m- U: Q7 q, p
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    . G! w. u* b! g+ g9 \% F
14.                 <div class="la-ball-fall"></div>
    : B/ d" b4 L2 b/ O9 Q/ U6 k2 F% _
15.             </div>
    
16.         </div>
    1 H3 h0 t2 M6 T% H1 C
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码

1. $(document).ready(function() {
   . i7 m6 n; m6 o+ _: Q
2. 
   - m" v5 y+ q2 P  i  J: M4 j
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    ) V) Q0 ?3 F3 x
11.          $('#spin').addClass('spinAround');
    9 A: h% c- k1 I* @+ A
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    . N' _7 l6 l9 j$ S
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    " l( T5 A' v# a' p& o5 a# y" n
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    5 A4 t6 y4 y3 L, X* q* W% ^/ \' y- b1 L
19.              }, 500);
    
20.          }, 7500);
    - A7 q" @% Q0 h2 K% G$ }: N) _/ c2 h
21.      }
    
22. 
    
23.      function hidemodal02() {
    ! r! t$ q' Q+ N7 T$ f9 I
24.          $('#modal02').removeClass('visible');
    2 `9 U( J: q6 K' c+ H; d, \7 `5 H3 I4 ]
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    , l  C& m" C  [" {
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    - R2 x  }7 ]: G
32.              $('.sweet-overlay').css('display', 'block');
    ' B* m$ r8 U* G( g' D
33.              setTimeout(function() {
    3 d; w- {( n$ @9 X6 _- L8 k
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    3 P* J& D; A9 a3 t
37.              }, 500);
    ' ^& ?; ^9 J, Z
38.          }, 8000);
    
39. 
    8 p5 H, x- w) \1 O- Z
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    + `5 V. `4 H; d+ ~# n2 |
44.         e.preventDefault();
    $ x1 ~: |4 D( ?1 `
45.         var $this = $(this);
    # w3 W- }9 P3 D! X8 g! U
46.         hidemodal01();
    2 }  }- s$ I5 N0 v( _3 U+ ^
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    5 }* s( _( f" l1 ]# C
50.         var $this = $(this);
    / o4 N7 K# f8 w0 c
51.         hidemodal02();
    
52. 
    
53.     });
    
54. 
    ' t1 H8 F3 @6 r$ X7 v
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
9 S/ i$ z/ o1 E. Y9 e) U