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

江南南岸

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

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   % E" E/ E% V4 X' c
3.     var second_offer = 'https://second_offer.com';
   4 n( M/ i* R$ P
4.     var anchors = document.getElementsByTagName('a');
   : d1 B. q9 l( x% c2 y, x! H
5.     for (var i = 0; i < anchors['length']; i++) {
   ! o; E  d( h6 i/ [1 H
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   ' l3 U7 ?& J% [7 w
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    ; n9 s4 S4 @' H$ y, [
12.     }

复制代码

3 ~# T* r6 h. T1 Q

江南南岸

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
) W8 z9 `0 s5 |- `, w3 R3 J/ qhtml代码最后的部分

1. <div class="sweet-alert animated bounceIn" id="modal03">
     w" [, V5 V/ c+ c2 y! u# w$ \) ?
2.         <div class="sa-icon sa-success" id="success03">
   
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>
   
6.         </div>
   
7.         <h3>恭喜你</h3>        
   ) U  G0 t) |1 U+ ~2 h7 z5 }; n
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    0 _* G8 z2 M# ^6 p% U
12.             <div class="sa-confirm-button-container">
    # O3 i. Q1 i; a$ L
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    6 S7 s: Q- [6 q. B/ `
15.             </div>
    
16.         </div>
    
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

. T9 ^) m- C( t" j! r, c
js代码

1. $(document).ready(function() {
   
2. 
   3 [' [/ `. q3 s' D: h# h, R
3.      setInterval(function() {
   ; J  r. V% x7 r, P3 u
4.          $("h1").toggle()
   
5.      }, 1500);
   $ C+ Y% ?; ^0 A; _" U
6. 
   
7. 
   5 a- T$ a5 Q+ \+ e. c
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   : |5 s& j: Z; j& M. L
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    & N2 G. Q5 e) Z! F3 E- W8 s: ^4 b; Y
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    7 H6 q! ^: `  U. z0 [- f7 }' Z
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    * L$ j6 l/ g: r* S
18.                  $('#successlong02').addClass('animateSuccessLong');
    ( i. o3 k) j" N  o% X' z6 V( ]! v
19.              }, 500);
    ' L; V. e. d% X& j; J/ _
20.          }, 7500);
    
21.      }
    
22. 
    , B. N2 n7 {8 R& p1 p
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    ) Z5 g3 h% _" O2 ^7 m1 ~
29.          }, 7000);
    5 J+ i3 e1 z5 q( x! E
30.          setTimeout(function() {
    4 o- H0 v0 T( f. ?' o# I9 J8 z
31.              $('#modal03').addClass('visible');
    / |, u5 h9 Q6 [. z3 h, A; l' }
32.              $('.sweet-overlay').css('display', 'block');
    ) Z: E2 |7 _% L- U$ A
33.              setTimeout(function() {
    6 p* f4 t+ w. {  v
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    3 c8 r" G) s0 E- Z
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    & S1 W" {0 S, ~. f+ Z7 b
38.          }, 8000);
    4 U* m3 j  E6 w" g9 y/ D
39. 
    
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
      @7 Y" h  _9 Q' V" L0 Y& o
43. 
    
44.         e.preventDefault();
    
45.         var $this = $(this);
    ' @+ Q1 C# L2 ]2 l; p* P* A4 ^
46.         hidemodal01();
    
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    . }& K7 s3 f* t' _# N! o
52. 
    
53.     });
    ) q- m4 a3 I) P0 d
54. 
    
55. });

复制代码

. c4 v' W* ]/ n& K

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
4 u1 t0 {) D9 j* w' t3 s