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

江南南岸

! o. H% H1 D& {$ E/ [& w3 ~
% j' p. `6 S% E9 A3 _麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   & p" e8 O5 e( I& i( _, g
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   4 w8 k" q* _+ }
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   ! H8 A, |+ K& e2 H2 Q" Y
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   ) s: l* E5 r( N4 O7 ]! A
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    $ [! }4 ?2 f- u6 f4 D) e# W3 T
12.     }

复制代码

9 Q2 G8 y3 h/ g

江南南岸

) e% O  y6 V# w

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
+ n- y" M$ e2 m3 N: l3 t

1. <div class="sweet-alert animated bounceIn" id="modal03">
     C5 W  {: K$ p/ N
2.         <div class="sa-icon sa-success" id="success03">
   0 b- H# p- g& d: h' Y; A4 g
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   $ |6 z8 w; A+ q
4.             <div class="sa-placeholder"></div>
   
5.             <div class="sa-fix"></div>
   
6.         </div>
   ' S2 g  ^, |) L# j8 Z
7.         <h3>恭喜你</h3>        
   , T9 V; T& |0 c9 R/ E! v
8.         <img class="modaliphone" src="./index_files/44.png">
   ) v. q2 [/ f. T
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    2 U' A; p/ ]$ Z
14.                 <div class="la-ball-fall"></div>
    9 S! Q$ m& v. n) \* i0 t: M% S
15.             </div>
    # F; E- F% R1 ?. f9 O
16.         </div>
    0 w' J* g( ~5 d2 o6 w% D9 T
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

( G$ W- F8 H8 p* G9 x2 g( r
% K" ?3 I: }$ Q( kjs代码
) W0 t1 C& K4 ~$ ~; @. t

1. $(document).ready(function() {
   
2. 
   
3.      setInterval(function() {
   
4.          $("h1").toggle()
   * @) f* G6 X5 B# a
5.      }, 1500);
   
6. 
   
7. 
   0 T# a2 `1 c! s2 m( l5 I" H
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   " [' V# v: {& i' p) H
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    / P1 F2 ~( o6 h' K8 y  u+ i
13.              $('#modal02').addClass('visible');
    ; }3 Y: O  ^' Q' I2 W
14.              $('.sweet-overlay').css('display', 'block');
    % e5 r* L4 u- G* y  V
15.              setTimeout(function() {
    1 D6 a2 |5 S4 }3 B) H
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    . p) ]& ~' _9 b; b
19.              }, 500);
    ! M9 B) l& _0 {5 I5 o
20.          }, 7500);
    
21.      }
    8 k# b7 o9 u& Z5 H
22. 
    ( d: j8 C% i  d$ P  q
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    # Z) [# ?* K9 w8 w
27.          setTimeout(function() {
    " N2 u3 n' S  P6 l+ ?" B& S
28.              $('#iphone').css('display', 'block');
    8 Y2 t6 c! U1 z( l4 S& \
29.          }, 7000);
    
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    ' d& i, p& U3 }" F! \/ k8 G  P# K
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    * o: ?8 @( y4 T4 o$ t, |$ B( d  Y
37.              }, 500);
    ( x  b; A$ M4 p9 W, n
38.          }, 8000);
    
39. 
    9 u3 P( ^  |3 r( L$ t$ C
40.      }
    2 B; m8 U9 d( e/ L7 N# {
41. 
    / i4 F3 F- T1 l9 v
42.     $('button#win').on('click', function(e) {
    
43. 
    
44.         e.preventDefault();
    - ]7 ~' m7 v, ~, l
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    * j0 \9 O& l9 C3 g; e
48.     $('button#secondTurn').on('click', function(e) {
    8 t+ C$ l& d: h$ }7 M; K$ k. D" e1 |( w
49.         e.preventDefault();
    
50.         var $this = $(this);
    / t& N' f: V7 @) k5 B0 W' q
51.         hidemodal02();
    
52. 
    ; p) y% E4 |2 f8 S. g( h
53.     });
    2 W$ M+ }- S  |. n; a
54. 
    
55. });

复制代码

6 a5 m+ p- P& K  C0 @

ayue168

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

alibaba

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

熟能生巧哇

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