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

江南南岸

麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
( t& C$ I* S1 P7 l3 ~

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   . s  G  Z3 v3 Y) i( J( X
3.     var second_offer = 'https://second_offer.com';
   9 _' X& g" S! F$ y, k0 C: m  k4 ^) ?
4.     var anchors = document.getElementsByTagName('a');
   7 [' d+ a( p( j5 r3 C
5.     for (var i = 0; i < anchors['length']; i++) {
   % x, e& _9 |6 s; [- d
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    / ]1 S+ T; V' `2 b. C$ I5 Q" k
12.     }

复制代码

3 C: U# }7 ~1 A4 U$ r! l' Y+ g( A8 ?

江南南岸

+ E" z4 L. e8 Y4 D

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

+ d6 q4 j2 k8 A% y6 l# m- ]请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
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.             <div class="sa-fix"></div>
   . ]8 M/ l: _  e& p
6.         </div>
   + _8 p; s% T9 h4 c2 f
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    7 v8 Z  t% `0 _3 [- Q$ @
12.             <div class="sa-confirm-button-container">
    " z5 K9 p- r% h, t! n5 m: o
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    $ i2 _+ V$ o: [4 Q# U1 F6 p
14.                 <div class="la-ball-fall"></div>
    ; x1 s# N9 W: }* @7 n
15.             </div>
    ' B! i1 Q' u  J( F1 R) K
16.         </div>
    + t2 N+ p- d' _3 \
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

- i  c  {. k8 Cjs代码

1. $(document).ready(function() {
   ! C5 |' d) Q. m. P. J
2. 
   
3.      setInterval(function() {
   
4.          $("h1").toggle()
   . Y# L  T: V1 b4 }6 t" B. m
5.      }, 1500);
   3 Z7 v, J5 a2 I; T) J, X
6. 
   
7. 
   % b. m1 W% q6 w
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   & m* W4 G9 |5 a1 f8 M, \# G
10.          $('#win').removeClass('has-pulse');
    8 z" B$ R- t1 }) K1 [) d+ ]
11.          $('#spin').addClass('spinAround');
    9 e" p  q! C2 F+ _; k
12.          setTimeout(function() {
    2 d: g( ~5 W$ s
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    6 k6 @6 g8 K$ o& ?/ K# m
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    3 [0 `+ {/ \; p9 N
20.          }, 7500);
    
21.      }
    ; H5 C: }# _( O# n& y
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');
    2 ~) z  k" q' t7 }! F+ K. s
29.          }, 7000);
    
30.          setTimeout(function() {
    : N# k  o/ H7 D% A5 V$ C
31.              $('#modal03').addClass('visible');
    / c' Z  D9 K+ b6 {0 h, X
32.              $('.sweet-overlay').css('display', 'block');
    4 t8 F$ ^. W: N0 Z4 E3 ?
33.              setTimeout(function() {
    # f# H* K1 ?$ k
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    4 O4 y# q8 J! j+ b: a
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    $ a  l/ @4 b& t
39. 
    
40.      }
    6 R: I0 ~5 @8 m! ]7 o
41. 
    
42.     $('button#win').on('click', function(e) {
    " T& R4 f& H$ P' a9 n/ A4 J9 R6 C
43. 
    * f' s' w( |  l5 q' v4 d. M
44.         e.preventDefault();
    
45.         var $this = $(this);
    6 l! W, _% {( }( Y
46.         hidemodal01();
    : e1 q6 _8 n9 T& I# m
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    5 h) U8 w( L3 V" {1 Q/ ]
49.         e.preventDefault();
    - M% n4 ^6 u/ W6 x
50.         var $this = $(this);
    0 h' i4 O  O. B/ d; `2 s: @1 E0 ]
51.         hidemodal02();
    
52. 
    
53.     });
    8 m' G/ D1 L' R1 c& g5 Q1 b
54. 
    # @/ L+ q2 _3 o
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

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