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

江南南岸

  k5 m( r8 _$ Y/ s6 N1 `9 K麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   6 c1 L7 M* k+ I) \% s6 x
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   0 Q% `8 b1 C, O, o) X- c+ e* b9 |
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   5 B# b  I# v/ z! B# [: |
9.                     window['location']['href'] = second_offer;
   # K/ F& C/ a) Q  k) m8 k
10.                 }, 2000);
    , T0 y" t' q( @7 ^/ A- {2 N, Y" b
11.         });
    
12.     }

复制代码

江南南岸

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

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

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
2.         <div class="sa-icon sa-success" id="success03">
   2 k+ ?7 K7 X% N' m$ m
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   9 W' Y# t% ~1 h' G- o1 Y
4.             <div class="sa-placeholder"></div>
   
5.             <div class="sa-fix"></div>
   ; H' _8 f- c  `$ L( u
6.         </div>
   % d, s- G# D% U* j" T( F/ _# `
7.         <h3>恭喜你</h3>        
   # K1 k% P7 o; H5 {3 `8 u  S7 H- D. Z
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   . g4 V! O- o" y1 j
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    / K6 K* \  j* N- ~9 |2 m* a
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    * s$ P6 ], [7 {/ ?( A
14.                 <div class="la-ball-fall"></div>
    ( V+ }1 P# I$ i  E  C+ p
15.             </div>
    
16.         </div>
    & A# E. F9 s3 {8 V2 Z: @
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码
' ?( n8 k: K( O3 b

1. $(document).ready(function() {
   
2. 
   
3.      setInterval(function() {
   9 |; W) K/ t* @8 J- r% r
4.          $("h1").toggle()
   - Y% x7 H5 w: ]9 d+ I% ?+ Q9 [! n# [
5.      }, 1500);
   
6. 
   
7. 
   " p5 c/ F6 Q, M  D9 r, [
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   2 A8 Q$ L8 ?% x
10.          $('#win').removeClass('has-pulse');
    0 p* U0 L& b8 P2 ]( L! [
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    & {2 `* b6 Z  a5 L4 {& W2 W
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    
20.          }, 7500);
    * P9 |  `" G1 R9 w* M5 a8 ^/ _
21.      }
    0 q3 }7 {& ^" {5 \* r$ w- D* Q
22. 
    
23.      function hidemodal02() {
    6 ?7 I) A5 p9 C- c; C
24.          $('#modal02').removeClass('visible');
    " i# A5 c7 Y( g2 H
25.          $('.sweet-overlay').css('display', 'none');
    ; ^) s# z5 p: [9 m4 P5 P2 V
26.          $('#spin').addClass('spinAround2');
    0 d! y% M% Q' U" Q
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    3 J1 F$ @$ L; \0 G8 Z+ K: q
29.          }, 7000);
    & f  o6 Z: E( W, x9 F, ~
30.          setTimeout(function() {
    , x9 o7 J" ]/ h# f# y; k
31.              $('#modal03').addClass('visible');
    : }- o, K- s! b  T& @
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    ) g( Q- F$ k, H$ q0 z& q2 D* i0 ]
34.                  $('#success03').addClass('animate');
    6 B7 i& i+ T: |
35.                  $('#successtip03').addClass('animateSuccessTip');
    9 P% d# Y  ~, O, K$ O# K, l
36.                  $('#successlong03').addClass('animateSuccessLong');
    ) i/ c0 ^! H$ _+ _& O. k( R0 r4 V
37.              }, 500);
    & l2 ?1 O) c6 {* _) }5 r4 x3 ^! o
38.          }, 8000);
    ' C6 S/ T& H8 p3 F
39. 
    2 \! a8 T, J# x1 E4 x3 ]* {
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
    / b( T4 c* A1 q! B$ x3 Z# ?. Z
43. 
    * |3 I& }# p. ^' s3 Y9 N. D
44.         e.preventDefault();
    
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    " S) \! k( c* l$ `& n& y
51.         hidemodal02();
    0 `) r4 C5 M3 t/ q* r
52. 
    
53.     });
    0 W6 w# q7 d; {
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
8 g9 i: u' i& H- b4 a: [. b, ~