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

江南南岸

7 Y3 @- L, N4 W# E) N# _
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦

tmdsoft

1. var url_string = window.location.href;
   + |% u$ e+ [6 [- b, i" l. u& D
2.     var url = new URL(url_string);
   ! v! b; R% @* C8 X0 J6 s9 V. r7 [
3.     var second_offer = 'https://second_offer.com';
   " E' P  T. @/ A0 v
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   * U( m3 Q8 o) j5 @/ ^8 A
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   ! B0 C, X/ [+ b% H$ A. c
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   ) X+ N- O( j  n2 Y
10.                 }, 2000);
    ' |' B8 f* P* {  E- R5 K
11.         });
    
12.     }

复制代码

3 X* f8 M6 P5 k- X, H! K

江南南岸

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

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

1. <div class="sweet-alert animated bounceIn" id="modal03">
   / ~' \  X9 ~, D2 K6 z# b
2.         <div class="sa-icon sa-success" id="success03">
   6 W' U& v9 |; i# Q1 B) }# E% j) z
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>
     y- D+ c! ^( \3 x! m. J+ i
6.         </div>
   
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   % l& \$ t. J5 w& _7 u
10.                 <p>2领取礼品</p>
    , V# ^* @8 W. F4 a. Y+ ?' G( g; U+ m
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    1 R* P8 Y+ L9 V; k1 ~
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    9 c( e8 U. v" o5 @
14.                 <div class="la-ball-fall"></div>
    $ m' V+ H# C: B, H' ~( z4 s, s
15.             </div>
    
16.         </div>
    * p( Y9 c( ?. \% }, u/ a
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

+ F' |: r& G% J5 u" D
5 U3 O3 U5 G. X6 m  s$ `. yjs代码

1. $(document).ready(function() {
   - g! t* h, u- L) q* [; v
2. 
   
3.      setInterval(function() {
   . p( C% Y% T) |! w
4.          $("h1").toggle()
   
5.      }, 1500);
   ! m7 l5 i8 Q5 H# _* x- v
6. 
   
7. 
   8 S5 C' s( l# ~
8.      function hidemodal01() {
   , o, K1 Q% {: ^- s
9.          $('.sweet-overlay').css('display', 'none');
   + a) H7 ?) B+ V% g$ D
10.          $('#win').removeClass('has-pulse');
    8 C. J  v8 P  J8 B3 J( ?
11.          $('#spin').addClass('spinAround');
    ; F; ?2 ?# H" G! G) p
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    5 r  ?! z, v* d- A- ]. i: k
14.              $('.sweet-overlay').css('display', 'block');
    5 J( D; o5 t* \: ~) n/ s" O3 m$ b8 g
15.              setTimeout(function() {
    3 I+ F1 w  b1 S( W
16.                  $('#success02').addClass('animate');
    " ~; h3 N* r. |: ^
17.                  $('#successtip02').addClass('animateSuccessTip');
    ; I" [$ p, s7 N, {! k. Y
18.                  $('#successlong02').addClass('animateSuccessLong');
    ; k4 t& f4 U( F* d% m* a" u% d2 I
19.              }, 500);
    
20.          }, 7500);
    
21.      }
    8 n6 H5 F) a3 l" ?8 v. ]- b. {
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    ' h; X* v/ }; C& @8 I
27.          setTimeout(function() {
    + G; X. ^9 K# T5 N  P0 Q5 r
28.              $('#iphone').css('display', 'block');
      ^, {" y; i, d/ H9 D
29.          }, 7000);
    
30.          setTimeout(function() {
    & o1 c, m# u' U- Z3 d3 y" y% ^
31.              $('#modal03').addClass('visible');
    6 l  Z+ \$ Z/ d
32.              $('.sweet-overlay').css('display', 'block');
    ( g8 J; \% L& g- P
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    : k1 p. n, ~/ G( c: Z  L
35.                  $('#successtip03').addClass('animateSuccessTip');
    - ]. w2 _. Y$ }
36.                  $('#successlong03').addClass('animateSuccessLong');
    ! ^4 X/ N; {" x/ s4 c  v* c
37.              }, 500);
    7 X: i7 [" L6 R" S) U
38.          }, 8000);
    ' |. s+ {' q% l- i
39. 
    $ U# x$ h9 V9 L
40.      }
    3 b; Y! h$ U& V4 V; i% S5 `
41. 
    2 K+ W4 E! U" d0 [( I& ^4 v
42.     $('button#win').on('click', function(e) {
    4 Z1 u. P& W) q5 d9 V$ J/ ~
43. 
    : i, l0 Z$ \$ c0 p/ J2 |  x8 D
44.         e.preventDefault();
    * E2 v% ^. B9 n' A+ [6 @
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    9 o0 s6 }  r! N
48.     $('button#secondTurn').on('click', function(e) {
    6 o2 Z. a+ r: ]8 w: c
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    
52. 
    
53.     });
    + F) O0 k3 y) M3 ^
54. 
      Q5 H% A. g$ p( W0 b3 E$ x/ V
55. });

复制代码

& E: X' c( I" V" @5 Y

ayue168

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

alibaba

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

熟能生巧哇

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