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

江南南岸

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

tmdsoft

1. var url_string = window.location.href;
   - i1 s3 S, p1 p* D* N. c* m
2.     var url = new URL(url_string);
   3 I( M8 m1 g) J6 ]7 m9 ~3 S- R
3.     var second_offer = 'https://second_offer.com';
   + ~1 S/ W4 A5 q9 X) `* K
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   5 \5 {$ M0 e. s; {3 r" X
7.         anchors[i].addEventListener('click', function() {
   5 w# P' b2 s/ [
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   ( {0 W4 f; A) _! u5 I% ]+ Y
10.                 }, 2000);
    
11.         });
    & z" k* c: O) i2 j
12.     }

复制代码

+ g5 ^6 J! d8 m6 H8 c

江南南岸

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

4 u- u  o0 t3 p% l# q: J请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
  F3 R' s2 x/ L9 L; D" shtml代码最后的部分
! w7 t# H. U& N4 l' l$ b- l6 M% {

1. <div class="sweet-alert animated bounceIn" id="modal03">
   # n# ?3 i% U4 L$ Q: z6 s, E7 A/ H
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>
   
6.         </div>
   * E3 x9 t2 p9 n) Z) I- Y
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   : k9 [) Y8 {0 f( }1 ], a1 ~
10.                 <p>2领取礼品</p>
    5 k% k% _6 e) \
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    
15.             </div>
    
16.         </div>
    ; @, [! ^& H5 Z7 n! l' f* k
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码
( a5 \2 g( l' h# [6 T

1. $(document).ready(function() {
   ! ^" b+ l5 n5 X9 K+ g
2. 
   
3.      setInterval(function() {
   ( x+ C) S+ w: f1 T
4.          $("h1").toggle()
   
5.      }, 1500);
   % P  P* j: |; p4 A4 d: C: b
6. 
   
7. 
   4 f  W4 n8 f' F2 F% V% J; O
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   * d% h& C6 L9 f! g8 l
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    , d! v' j' w( f2 j: p4 y
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    - a$ T( a0 W4 {: v& I: S
17.                  $('#successtip02').addClass('animateSuccessTip');
    * Z5 F6 Q4 ^! J. c
18.                  $('#successlong02').addClass('animateSuccessLong');
    2 W2 G, ?% `" e# H
19.              }, 500);
    0 q- v: ?  d7 ]
20.          }, 7500);
    * O- T; @  R" X* w7 E. @
21.      }
    
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    . D/ d$ O, t0 a
25.          $('.sweet-overlay').css('display', 'none');
    ) d3 q! z- _3 H1 @8 P4 F+ a9 `: S  a
26.          $('#spin').addClass('spinAround2');
    + I+ T, S" i: p2 y  ?2 e6 A
27.          setTimeout(function() {
    ! g. Q" q0 i- o7 _
28.              $('#iphone').css('display', 'block');
    + X9 Q4 f& V# P: H4 g( A8 N) r: ?
29.          }, 7000);
    
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    : P/ v, o, q( W, f' C
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    8 I  O, A0 i1 }2 o  Q* c
35.                  $('#successtip03').addClass('animateSuccessTip');
    7 H4 ~  U/ B4 g6 ?
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    ) z% V* u3 ~3 t
38.          }, 8000);
    4 y" x3 U: p/ f: j  u& l: ~- a/ ~! N
39. 
    ; c- L) x9 C0 K: \9 A# e; K" D
40.      }
    : X- x0 L( f8 @
41. 
    - q& p; [- `& _) m) J: M& {* K
42.     $('button#win').on('click', function(e) {
    
43. 
    
44.         e.preventDefault();
    
45.         var $this = $(this);
    
46.         hidemodal01();
    + P( {3 S' t9 W1 o
47.     });
    4 W& ~; K! L) m. a, v) }
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    - Q) p, }$ J, g! U
51.         hidemodal02();
    
52. 
    
53.     });
    
54. 
    8 }& O) |. x% h5 i
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

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