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

江南南岸

- q7 E+ S, _: k) _9 P6 J' K$ Z麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
# _+ F: t# F: O

tmdsoft

1. var url_string = window.location.href;
   & }3 ?  F- n% j" W2 i$ U
2.     var url = new URL(url_string);
   : Y) O0 B% }5 {& T
3.     var second_offer = 'https://second_offer.com';
   5 E* X3 S# x0 _' j; r4 Y2 G
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   % t& _9 v0 R# [
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   ( P6 W6 l; ^9 G" ^" s0 H0 N1 i3 M
10.                 }, 2000);
    
11.         });
    
12.     }

复制代码

江南南岸

# K) p) |* f3 [/ b

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

: Q9 @/ i% f) `3 i9 Q1 Z& C9 o  y& H请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
6 A1 @$ ]% g$ D8 z; e, l+ N/ Ehtml代码最后的部分
. b! l- V1 X% \( t( i% [) m

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
2.         <div class="sa-icon sa-success" id="success03">
   ' O: t. k1 Q. q$ I$ S
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   $ W# _6 l! s( i0 `8 C
4.             <div class="sa-placeholder"></div>
   3 u& f+ v) Q' Z  p9 `. U
5.             <div class="sa-fix"></div>
   ! q2 z- W  V& A8 z4 j: @" ?4 R: g) Y
6.         </div>
   
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   1 J" a4 P, T, a4 o9 [
9.         <p>1 点击页面</p>
   5 ^; U9 P/ }1 D1 L
10.                 <p>2领取礼品</p>
    0 }  w) ^  W5 H7 X) }
11.         <div class="sa-button-container">
    2 z8 [  `3 d& w$ N
12.             <div class="sa-confirm-button-container">
    5 k1 J  u. ]* ?5 R
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    5 `5 y0 @3 A  {; x+ i+ K+ ~
15.             </div>
    
16.         </div>
    % H$ O9 h) e- H& ~% `4 j% q
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

" g! ^5 l9 `8 s0 e" `! w% ejs代码
- h* C% l% M; d$ s6 D5 t

1. $(document).ready(function() {
   
2. 
   4 j& v, L; `8 F/ i# ~+ `5 |
3.      setInterval(function() {
   # A. z) J# s' D3 Q( h
4.          $("h1").toggle()
   
5.      }, 1500);
   & m% Y& `" c" w6 z* a8 g  S
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   * y+ m3 l# e$ L- @$ n
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    6 v6 {/ S  o/ s8 a
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    ; _5 u! N& X/ F; L( e' O) c
14.              $('.sweet-overlay').css('display', 'block');
    - A: \. ~  u: `  z
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    8 i  k! u4 D, p6 ]6 D& }
18.                  $('#successlong02').addClass('animateSuccessLong');
    6 L+ x- k$ z8 m" p" y" d
19.              }, 500);
    1 T* |  U! n3 R) I
20.          }, 7500);
    
21.      }
    
22. 
    : s" i4 |2 S! R) `
23.      function hidemodal02() {
    " L2 @" m  u& q% Y5 ]- C+ o, Q
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    / v7 ?4 Y" }# j# v3 X- W8 s! f
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    & i, ]' y7 r* b% v
30.          setTimeout(function() {
    6 m  f; Z" |, @0 |- \% w4 j
31.              $('#modal03').addClass('visible');
    - z" v9 a: f7 P  n) G
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    ( S7 A# G2 X2 G0 t' x' ~0 t  J
34.                  $('#success03').addClass('animate');
    " H% `, H8 p" p4 N" V8 Y
35.                  $('#successtip03').addClass('animateSuccessTip');
    ' S1 K% f, o  a$ q( h* [3 d
36.                  $('#successlong03').addClass('animateSuccessLong');
    # L) w5 q8 V1 U* _$ J- `1 C4 ~
37.              }, 500);
    / D3 y8 N2 N4 c1 ^* o5 ^. g5 x
38.          }, 8000);
    4 t: J) P, a8 I6 u2 @! \
39. 
    
40.      }
    
41. 
    / `# |, V* `' O
42.     $('button#win').on('click', function(e) {
    
43. 
    * S' n+ ~5 f; {
44.         e.preventDefault();
    
45.         var $this = $(this);
    3 k& s% I! z: z5 ]8 `6 T8 s6 ^
46.         hidemodal01();
    
47.     });
    " l5 o0 ^: G) x6 I0 ?+ D) K1 e" A
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    ) o( ?$ R1 T: T9 r9 h' w7 E3 |
52. 
    
53.     });
    / V0 B2 `- A" E. j: z
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
: h, Y( y$ z" @6 J5 n