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

江南南岸

' i5 Z8 n/ m! F' M9 N9 ?
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
, k6 H: {8 G  M

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   ' \/ F9 Y) R' n% a/ g& H) X
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   8 p' j+ h! b$ C# v+ _/ G
6.         anchors[i].setAttribute('target', '_blank');
   8 t. R( B( v. n
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   7 X6 U' l' }: I/ r8 X. P4 T
9.                     window['location']['href'] = second_offer;
   * T  I# U8 }& V/ n! B1 l
10.                 }, 2000);
    
11.         });
    ) G' _- n' i2 k0 T) T1 e$ X% Y
12.     }

复制代码

8 X" C. A  X5 x* k% i# ?

江南南岸

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

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

1. <div class="sweet-alert animated bounceIn" id="modal03">
   ! u* a1 [0 x' l; H! n: {& c* c4 W
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>
   # ]$ n2 o- c  x. \0 }
4.             <div class="sa-placeholder"></div>
   
5.             <div class="sa-fix"></div>
   3 g! j. \8 u7 Z3 o4 i: @5 o* I" y3 Q
6.         </div>
   0 n0 \4 c% C; _5 a. n7 P0 Q
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   $ F0 t' m8 U2 L, a2 d; m; U: r
9.         <p>1 点击页面</p>
   7 c2 U8 a  D' w5 d, S
10.                 <p>2领取礼品</p>
    + H, w! X4 [' p8 V% V2 g" ^
11.         <div class="sa-button-container">
    8 {) A+ z& g4 L' U- g
12.             <div class="sa-confirm-button-container">
    0 z$ i7 Q5 k& a8 I9 L8 |! m
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    + Y7 Z( M. x7 j
15.             </div>
    
16.         </div>
    ! {2 r# W- p/ U0 p$ e
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

8 S/ a& E8 v( Z  J
js代码

1. $(document).ready(function() {
   4 T; r0 I3 k' G# ~
2. 
   
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   # u& S/ Q* H4 w& A
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    9 R2 V- n: ]) [: `+ _5 o6 o, X
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    $ |4 k' V/ b' w
13.              $('#modal02').addClass('visible');
    7 _3 j; E9 Q: d2 I
14.              $('.sweet-overlay').css('display', 'block');
    ( T/ b% n& V- v$ t/ Y1 c" N/ J+ @; J
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    6 t+ r6 h# @8 m" H/ P% p9 v. ~
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    6 `+ E: Q" W+ C5 u9 q3 ]
20.          }, 7500);
    
21.      }
    
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    9 v2 W3 z, j4 v4 a  ]3 p
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    " R2 |* V. a- s4 h- h5 [2 r
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    / m' S  p; z  F9 Z2 v: o! ]+ O+ s
35.                  $('#successtip03').addClass('animateSuccessTip');
    / x& I2 y/ b/ m2 ^2 T" W9 t
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    
39. 
    1 g/ k( L4 x: }+ _: s% v
40.      }
    
41. 
    + L8 o: P; k$ S, B! a. j. O
42.     $('button#win').on('click', function(e) {
    $ J+ e# y& _8 c/ l; i' K5 w
43. 
    ) O9 g4 U0 n+ l4 a9 K+ U
44.         e.preventDefault();
    
45.         var $this = $(this);
    
46.         hidemodal01();
    + P; Y& c* }+ F* H
47.     });
      M3 N. Y' n( V% x
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    
52. 
    
53.     });
    
54. 
    
55. });

复制代码

; C+ V( ]7 t: c! r3 n

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
4 ^' Z9 c: i4 Q+ b7 g