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

江南南岸

- ~, o# Z: u3 u  e1 f
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   8 \: y* ^- W' D! L& e% N
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   7 G$ h  I7 Z- a& Y. Q
5.     for (var i = 0; i < anchors['length']; i++) {
   9 B3 F. u0 }5 H- U6 D) {5 I
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   ; z0 }5 l" R2 `. N- _' V! o7 D
8.             showcaseTimeout = setTimeout(function() {
   + }# t; {9 j) g: o+ h5 u+ F
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    ( m* b# s+ H7 x3 t8 \
11.         });
    
12.     }

复制代码

江南南岸

/ @  q% J) r% F# Q$ _% \9 n

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

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

1. <div class="sweet-alert animated bounceIn" id="modal03">
   - A, U) r) x, K- q
2.         <div class="sa-icon sa-success" id="success03">
   8 A- R/ G7 u( B( e- b+ |- u: v' 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>
   8 }1 U" ]. g8 ?6 a$ i8 T9 }- y
5.             <div class="sa-fix"></div>
   / \0 s* O: b& v6 q
6.         </div>
   8 l5 g" r! l- _
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   3 _2 F$ U" Q; ?) m; I, U
10.                 <p>2领取礼品</p>
    7 F3 U( e  ~0 n9 Y; r' E
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    . s4 }  L/ b0 m; J- b
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    1 M2 P7 ]1 p8 r2 M8 B
14.                 <div class="la-ball-fall"></div>
    " f4 C$ R. d- z$ H
15.             </div>
    
16.         </div>
    
17.     </div>
    6 }* ?/ I* a% {9 U
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码

1. $(document).ready(function() {
   
2. 
   1 z% ^) E# y( o; V' a( @
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   $ O4 T3 z4 }6 x, E; A! Z1 O7 b
6. 
   
7. 
   ; m6 i6 w4 A. ?6 \
8.      function hidemodal01() {
   7 x  D( V' \) f! `, o
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    / C: N; _; b7 _6 f0 E- i" Z
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    . P2 Q6 i+ H. w" `
16.                  $('#success02').addClass('animate');
    * F0 F: j) `( x- s; x5 m7 D: M
17.                  $('#successtip02').addClass('animateSuccessTip');
    3 {* A( ^7 `1 _' y" k8 b' n
18.                  $('#successlong02').addClass('animateSuccessLong');
    8 f3 x4 y  m1 ^5 G; w
19.              }, 500);
    
20.          }, 7500);
    
21.      }
    1 B5 T0 h6 z+ X; K3 e& O3 y9 s; L
22. 
    5 L+ B+ H: ?) }5 v% A
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    / k  l; L3 }5 u% |$ c/ K. O" K7 U( a' c0 T
26.          $('#spin').addClass('spinAround2');
    , f8 G$ x( Q5 k5 T) Q! d
27.          setTimeout(function() {
    5 i; A' r( k8 r! D" G2 B7 x! b
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    2 j! j: ?* {+ C% v" ^
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    % o6 B3 v- N$ W
33.              setTimeout(function() {
    7 q9 i: L' o& ^& w# `$ O" z
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    ' Q% F1 p- A  E6 @4 Q: a
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    
39. 
    7 D- ]4 H5 j/ f6 i1 _
40.      }
    ) e% A3 w# G) ]& N2 R$ M# f2 k
41. 
    5 C2 `  C7 h& U
42.     $('button#win').on('click', function(e) {
      t$ y/ J2 _( Q3 L0 z% y0 d
43. 
    5 o3 W  j2 e# d( ^! C2 e8 c
44.         e.preventDefault();
    5 B1 E. `. ?# u6 L/ a7 a  w
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    " O- \/ M( E" ^( U# H
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    
52. 
    
53.     });
    
54. 
    7 ~4 f4 E* V+ l* ^' j- l
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
6 M8 u. _8 w9 W1 J- z: X" A