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

江南南岸

9 ?7 l( @, |5 G0 Q7 s8 {! Z
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   + O* v3 F7 o* Y+ \3 F* K
4.     var anchors = document.getElementsByTagName('a');
   3 M8 l1 a' `, k  C
5.     for (var i = 0; i < anchors['length']; i++) {
   " W- [0 j. C) Z- S: E
6.         anchors[i].setAttribute('target', '_blank');
   ( U2 O' S4 Z6 e3 v2 h
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   . x0 x& a# h* i, i3 F5 ]
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    5 i7 n8 s( y1 _
11.         });
    ) E3 J" N8 i4 l# _
12.     }

复制代码

6 ?1 x1 o8 N' a8 d0 C* T

江南南岸

6 w0 \. N1 Q% f0 v

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
8 U- h  f5 T, U5 p5 V9 @: r$ G0 s

1. <div class="sweet-alert animated bounceIn" id="modal03">
   ! c% Q$ g5 }( q$ G0 \7 g
2.         <div class="sa-icon sa-success" id="success03">
   2 I0 f/ w0 \% y3 P3 j: ?: O- a+ k4 R
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   % X2 |& }, P- k- R" F  K
4.             <div class="sa-placeholder"></div>
   9 F. A  @) `- _3 P5 I
5.             <div class="sa-fix"></div>
   / e9 O# x, b3 _: h- b
6.         </div>
   8 _* T9 N2 Z2 u7 g* U5 Z
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   ) N7 N( b4 Y9 O. P( s; O9 t7 f5 r
9.         <p>1 点击页面</p>
   ' m6 Q! L" v5 d& j0 X
10.                 <p>2领取礼品</p>
    3 K* A# B/ }* p0 ]% s' _
11.         <div class="sa-button-container">
    * C: a  N, q5 |  o9 D1 m# N+ R
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    1 _6 m8 [! E0 Q5 j8 N) s0 e2 W- f
14.                 <div class="la-ball-fall"></div>
    
15.             </div>
    
16.         </div>
    
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

  N/ _7 z5 s. L. Ijs代码

1. $(document).ready(function() {
   - E. K# j0 T$ @2 U% ]8 @1 l
2. 
   8 F5 r7 J$ C2 Y6 W  m$ L8 p
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   # T- _& q; E( a
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    , Z& h0 B8 `1 e3 j, f! z4 ?
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
      B; H7 `8 A; X. Y  n- C& s# ^
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    ! a+ U. @; w# V; o
19.              }, 500);
    
20.          }, 7500);
    
21.      }
    : M* h+ p, }0 F2 a8 p! ^- N
22. 
    3 g; m9 g+ i6 u9 B
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    4 l( B8 K+ \* S
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    5 ?' q# l9 C3 r. V& n( U  {* b6 E, C
28.              $('#iphone').css('display', 'block');
      w( v4 E/ n* }2 C' s
29.          }, 7000);
    " r- v  F# B* C* h2 ]$ x$ C
30.          setTimeout(function() {
    : H* g( |- \9 n( p
31.              $('#modal03').addClass('visible');
    ( a7 D/ G& l2 w! z8 [
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    * x& D$ t( p/ L+ b
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    7 I) P) C& P& H, ?$ X; Z5 _1 L
37.              }, 500);
    
38.          }, 8000);
    
39. 
    : L8 |: l0 E& z6 j# L. H
40.      }
    ' L# p3 U+ b8 T4 B
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    
44.         e.preventDefault();
    / H$ I4 ?1 L; N! `  @0 D7 V0 H
45.         var $this = $(this);
    
46.         hidemodal01();
    # v) D% C6 K9 O9 [- z. F8 {( E. y
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    4 Q  s, Q! g  c8 a) X4 `& O
50.         var $this = $(this);
    2 ~  n% N0 C; l3 H: A
51.         hidemodal02();
    
52. 
    $ n# m5 f9 e, ^% F+ M* q# n- E( V
53.     });
    * N" V4 W5 u! H0 Y+ u' d  Y( W
54. 
    
55. });

复制代码

' e7 K. c9 q9 M; k! E: n6 w

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
3 i/ D6 p$ W7 A) `