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

江南南岸

麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
& n  R; z' o  t4 k

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   ' |& Q3 }* P3 n: Z. k
3.     var second_offer = 'https://second_offer.com';
   " E& Z! y( G9 D- E4 E. ]
4.     var anchors = document.getElementsByTagName('a');
   % b# L3 m6 ~0 H# {+ m* M
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   + z' x) D# b+ l/ k* [! r
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   * {% o+ h' M/ N3 C0 P0 u3 x; V
10.                 }, 2000);
    $ `' J. q$ Q' S- D
11.         });
    . K% K+ R+ D9 {) m6 I* ^) K: h2 g
12.     }

复制代码

% h/ f0 s2 H6 X0 D' H5 t

江南南岸

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
' D# X0 Y* `8 _3 X/ A" U9 z

1. <div class="sweet-alert animated bounceIn" id="modal03">
   ' ?; U% Y: H. k) N6 \
2.         <div class="sa-icon sa-success" id="success03">
   " D: l* a; R: e9 B" N
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   ; Q' f9 b& ?) f( h2 |6 }6 D% Q
4.             <div class="sa-placeholder"></div>
   
5.             <div class="sa-fix"></div>
   
6.         </div>
   9 H: y/ H- h- E! ~0 v% n
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   . `9 t9 H, I( @
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    7 B# \. m* F  P2 U. h
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    
15.             </div>
    
16.         </div>
    
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

' H9 V/ r5 Z8 D/ \
" o) W: G1 [# C4 @& ]# Ijs代码
2 M7 Q2 \4 P5 M, p" P

1. $(document).ready(function() {
   
2. 
   6 I9 x, c" u, H$ b- n
3.      setInterval(function() {
   2 u7 W$ h  ^1 K. {2 r
4.          $("h1").toggle()
   ' U" a3 v  F, N; U0 \( E$ @
5.      }, 1500);
   
6. 
   $ X( U/ [# ~* J! J- w# N
7. 
   
8.      function hidemodal01() {
   5 P3 f  A' K2 @2 c
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    6 u! E" ?- b6 O$ M, e- o
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    5 K$ P4 Z2 ^8 Q# {! Q/ C. q# l
13.              $('#modal02').addClass('visible');
    / L8 G# o4 s$ U+ g# n; u. X
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    3 t( [7 C9 \4 [4 Y- a+ m
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    
20.          }, 7500);
    6 V% F  ^3 h+ e' [# z) l
21.      }
    
22. 
    
23.      function hidemodal02() {
    ) `' I0 b. |$ W6 \' V; ]
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    ) O% L; _. l# V5 ?% |
26.          $('#spin').addClass('spinAround2');
    7 `; A3 o* m  t
27.          setTimeout(function() {
    4 Q5 [0 W! u1 C& h
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    ) q4 x. I) L7 b+ @, E2 ?
30.          setTimeout(function() {
    / B" {: b0 y. ]) Z2 ?! N
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
      X% ]" H9 v9 C
33.              setTimeout(function() {
    2 ^" [( t" n3 A2 x
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    ( W, z0 P8 t0 b1 l' _# X/ u
36.                  $('#successlong03').addClass('animateSuccessLong');
    ; a- ~) I9 R- l" A
37.              }, 500);
    1 j7 Y7 I8 ~: O. [) }$ \* b
38.          }, 8000);
    
39. 
      I5 n0 f0 Y( \% p# c; c7 B
40.      }
    & u# L! B6 H+ W2 q
41. 
    
42.     $('button#win').on('click', function(e) {
    8 H2 K  T$ C" E
43. 
    3 A. X% [) ^) }
44.         e.preventDefault();
    
45.         var $this = $(this);
    9 N9 F& P( O! l& w- z9 y, a3 Z8 n
46.         hidemodal01();
    % t( B% Q# G$ q4 N0 V
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    ! C0 U9 G7 F6 L: m
51.         hidemodal02();
    
52. 
    
53.     });
    ) q% u) v( i. x! @7 W5 @
54. 
    * s$ _8 C# n+ L: M
55. });

复制代码

' ?: ?# i2 j" i; o$ a- ~

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
, f; z# U9 R/ b. U- [+ [