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

江南南岸

# W2 P* N; M9 Y; h麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
8 |* q( ^; ^8 V3 D

tmdsoft

1. var url_string = window.location.href;
   % l2 O3 G; M4 Z( C, v
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   4 t" m* z0 {, y; h3 t0 }. @
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   1 j# P+ D% p+ a# ^1 U5 {
9.                     window['location']['href'] = second_offer;
   : g" ?4 Q  J( q; D# ]
10.                 }, 2000);
    
11.         });
    ' q3 A6 U* \' c5 @( ?. x+ C
12.     }

复制代码

江南南岸

4 k  d6 q4 C! F" |, v

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

! z. E% U$ r4 L+ X) C! i# C请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
" e9 t2 E8 C5 y6 q; x$ I

1. <div class="sweet-alert animated bounceIn" id="modal03">
   $ t% m( ^2 _  n% j. P& u
2.         <div class="sa-icon sa-success" id="success03">
   8 q! c6 Z% H$ M) W& r
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>
   $ g7 @/ ~; ?" \# {$ G2 H% K
6.         </div>
   ! V. f8 Q0 Y+ X3 Z: L/ P# [
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   0 X6 I2 J  P$ V
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>
    & K& }) N" v8 j0 H: S1 b
14.                 <div class="la-ball-fall"></div>
    , P5 M* @5 ]* M% p2 D7 i3 \# {
15.             </div>
    # S% W. ]8 F/ ^. s
16.         </div>
    
17.     </div>
    ! I8 l0 k, ?& L# h0 n3 e
18.     <script src="./index_files/main_script.js"></scri

复制代码

& h: n% i5 @0 {3 H, |5 m
js代码

1. $(document).ready(function() {
   
2. 
   
3.      setInterval(function() {
   
4.          $("h1").toggle()
   , L: x7 R, n" s, n+ g
5.      }, 1500);
   
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   / }0 w7 ^  K7 y: `
10.          $('#win').removeClass('has-pulse');
    % ~+ r7 Z  ~; L2 [+ \
11.          $('#spin').addClass('spinAround');
    ( v; ?) `" q* A0 c6 j
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    8 ~" ]4 e" i) X6 z0 J$ G0 J
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    6 w3 Y0 u+ y, r4 Q9 i# P
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    . [2 x2 x' }7 H( e  S' [/ d
20.          }, 7500);
    1 T9 O* w5 g& K& P
21.      }
    $ ^7 }6 p) t' b5 b( `
22. 
    
23.      function hidemodal02() {
    9 {0 R8 i% l: |
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    , l! A$ C: G3 ]9 O0 \- Y; a
26.          $('#spin').addClass('spinAround2');
    ! O" g$ r2 ^' ]5 r3 ]# e
27.          setTimeout(function() {
    5 L! a/ |2 B% ]* }
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    ' n  D; s* _+ A- \
30.          setTimeout(function() {
    " D* I1 [% F; e6 O
31.              $('#modal03').addClass('visible');
    1 P: C( P3 D! B& i9 D) M' g/ k
32.              $('.sweet-overlay').css('display', 'block');
    2 e+ Z0 @" m* f) B$ B
33.              setTimeout(function() {
    4 ~  v% {1 O1 M* E0 u% b8 H. u% ?
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    " ]! _) _, a; \. E2 W; c& [
38.          }, 8000);
    
39. 
    / U# A6 a: d4 E) S3 D# d, d
40.      }
    ' G( b0 N8 c, L7 o
41. 
    
42.     $('button#win').on('click', function(e) {
    " E: e! ]/ i2 C# e5 o# ~
43. 
    ; ~  r! J& [- Y1 a: [# n$ i8 S9 l
44.         e.preventDefault();
    
45.         var $this = $(this);
    # U* h  H# ]0 I% n# i/ M( ]
46.         hidemodal01();
    
47.     });
    * {2 ^2 Y. S) N* C
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    3 Y8 m% Z4 f6 D! X; N4 L6 H8 Z- a
51.         hidemodal02();
    
52. 
    + d% c  h$ e8 ~/ c4 L9 F
53.     });
    
54. 
    4 t, w! [4 q% R- @
55. });

复制代码

6 K0 C$ J  c; i* C+ I/ s$ ^# c

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
7 g! p3 z$ V" V% T, F: `. y7 N