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

江南南岸

& q& Y) {$ i5 d/ f: |. o麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   3 u5 C; c0 g, R# J+ x; n; N( ^
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   + \: b' d0 F' `  [9 m) q
4.     var anchors = document.getElementsByTagName('a');
   ! F; g+ V4 @9 Y  V  Q6 }. G
5.     for (var i = 0; i < anchors['length']; i++) {
   5 v' A0 i& P  s! y
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   6 m' |7 v! D0 H2 i+ @5 B
10.                 }, 2000);
    
11.         });
    . V5 @: ~, [' r8 }2 [, @
12.     }

复制代码

江南南岸

" j) o7 g# X: H& d. B+ T

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

% W- S* U) w3 Q1 ~5 ~9 |- D请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
1 W" Y; `6 B1 n7 ~: C

1. <div class="sweet-alert animated bounceIn" id="modal03">
   + _) @: a# w/ b6 ]. r2 c
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.             <div class="sa-fix"></div>
   7 Z4 D& U/ }4 Y. G" H$ d" U+ i
6.         </div>
   ; ^) @) Q0 s& w# a# w9 N
7.         <h3>恭喜你</h3>        
   * M' M* o& i3 K
8.         <img class="modaliphone" src="./index_files/44.png">
   2 V7 Z: T+ U5 ?8 X
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    8 J' F1 x4 g/ K& ~- G
12.             <div class="sa-confirm-button-container">
    - o4 j6 Z! \; F
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    " m0 u" K: a& X' i: [% F% ]
15.             </div>
    
16.         </div>
    & A3 G" ?9 F3 f1 Q' y: }
17.     </div>
    , ]9 ~* Z0 B3 ?+ A/ @- E8 r" h- k9 b% v
18.     <script src="./index_files/main_script.js"></scri

复制代码

) w4 x  m% g( @1 \! ~) u$ Sjs代码
: Q: y  @7 Z! ~% J3 [+ a9 M7 g

1. $(document).ready(function() {
   6 j& y& S! a0 J" V
2. 
   * `2 k, [2 b. D- O  _# ?7 A
3.      setInterval(function() {
   6 J1 g. a; Y$ ], s% K
4.          $("h1").toggle()
   7 Q( w; k* Y5 h& a+ r4 P" q3 h
5.      }, 1500);
   ( F& O$ p0 T1 C/ N
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   " O7 N2 f. @0 w/ P. m: @
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    7 \" b: o$ `6 R1 R! Y8 \3 I
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    - v0 |- ~) n# E$ H
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    * X2 k' o6 t; s) |$ t+ L
19.              }, 500);
    ' Z( {! w/ Z+ T0 v9 V! ^" _# @2 |
20.          }, 7500);
    $ F/ Z* K6 j$ ?! W% u' R8 A
21.      }
    
22. 
    ; t/ v0 i0 a' T8 s4 i
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    , a% V& j7 u: J8 a* ]% @; @
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    
30.          setTimeout(function() {
    6 X8 h2 r, R/ h. q
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    ; k: w" X% r+ }; D5 @$ I
33.              setTimeout(function() {
    0 ?  L( \( O/ K
34.                  $('#success03').addClass('animate');
    " q7 c8 u7 I  G& l+ i0 V5 g
35.                  $('#successtip03').addClass('animateSuccessTip');
    1 p- `. l+ d: `5 P+ i6 M/ V
36.                  $('#successlong03').addClass('animateSuccessLong');
    4 }1 N5 U$ W$ f( L6 t2 R
37.              }, 500);
    
38.          }, 8000);
    
39. 
    ' e! ~$ H/ ]; K
40.      }
    
41. 
    * z& D, c0 w2 z% ]
42.     $('button#win').on('click', function(e) {
    - B' e) g% f6 k  M
43. 
    * e8 X3 Z: {. }, X6 v
44.         e.preventDefault();
    
45.         var $this = $(this);
    % V; M/ L: }7 o$ H
46.         hidemodal01();
    
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    ) s. e" E( e3 H9 T( m1 v
49.         e.preventDefault();
    ) _3 A3 j6 V* [2 Y/ {% F- Y
50.         var $this = $(this);
    
51.         hidemodal02();
    4 H4 N  `3 m7 e* |9 P  n9 ~
52. 
    ) x) l  L" z& [4 t
53.     });
    " A) I; @& u: G: j2 R3 |
54. 
    4 ^% z' H6 Y4 M: x6 b2 ^( _3 D/ d
55. });

复制代码

5 c/ z2 M( O$ J% ]. l8 y) x+ h$ E9 H

ayue168

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

alibaba

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

熟能生巧哇

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