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

江南南岸

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

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   4 I( e* `5 E  _. _: c
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   7 V6 V$ h* e+ W" L$ ]
5.     for (var i = 0; i < anchors['length']; i++) {
   6 o; x! Y1 d4 R
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   " ]7 D: E6 i. l) s2 g
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    
12.     }

复制代码

江南南岸

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

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

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
2.         <div class="sa-icon sa-success" id="success03">
   $ ]* [: M8 V( L* s, A
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   ( k+ m/ U6 Y/ {6 e! s1 b
4.             <div class="sa-placeholder"></div>
   
5.             <div class="sa-fix"></div>
   % H/ [) t( ?7 l
6.         </div>
   $ N4 v% r# S+ o9 _% _3 ~
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   * c$ J( M7 c% _* K$ \0 }, d
10.                 <p>2领取礼品</p>
    * s7 }" `7 u. k0 N4 z1 Q. D
11.         <div class="sa-button-container">
    . l( g5 j$ ]. Q' K/ R
12.             <div class="sa-confirm-button-container">
    4 i1 g& M5 `# X% v9 F" C
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    . J3 q* V8 e3 d
15.             </div>
    & h2 m# T5 Q( S$ s3 X1 U3 Y, h5 H
16.         </div>
    ' R8 k7 h: t5 H0 W2 c- m
17.     </div>
    ; \* f1 _5 e( K$ E
18.     <script src="./index_files/main_script.js"></scri

复制代码

3 x/ X" p8 l5 p2 H) U2 \+ B8 a
7 m9 \/ [& @/ g5 g3 r$ ejs代码

1. $(document).ready(function() {
   " }  Z. \- E: ?; f7 _% K
2. 
   
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   8 S6 E/ W8 ]. h" `+ Y* R; S
7. 
   ' Z6 t. {; y& y8 [6 y) h
8.      function hidemodal01() {
   " s$ B3 [/ ]6 P1 K& U9 M. ?+ G( z4 H
9.          $('.sweet-overlay').css('display', 'none');
   ( U. q" Z+ q6 L2 t2 \
10.          $('#win').removeClass('has-pulse');
    ! S0 |: `2 N# _1 x& O
11.          $('#spin').addClass('spinAround');
      M  R0 g) U/ n& a, b9 K3 K
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    # s0 z% p  `$ ?& l1 k
19.              }, 500);
    7 N$ u' e/ Y1 M. O+ |! L
20.          }, 7500);
    
21.      }
    
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    . b8 m8 w, M% i3 e( d
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    2 w3 h* |) p, ~6 Y  `) d
28.              $('#iphone').css('display', 'block');
    2 [/ o- j6 \$ }
29.          }, 7000);
    
30.          setTimeout(function() {
    ) P5 g  n, e: Q( o
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    9 U0 f% n# c7 Y
34.                  $('#success03').addClass('animate');
    / |) p0 z, H' s; l5 b2 Z0 Z+ _
35.                  $('#successtip03').addClass('animateSuccessTip');
    5 Z& A9 q) Z" p' X. y# Y' |* ^9 j
36.                  $('#successlong03').addClass('animateSuccessLong');
    4 S; z4 m2 q# b, G
37.              }, 500);
    
38.          }, 8000);
    
39. 
    8 I- H$ k- P4 q& ?9 U2 f  r9 B
40.      }
    
41. 
    ( o' A3 W( T  U& X* w& ]
42.     $('button#win').on('click', function(e) {
    
43. 
    , Q2 `/ m/ z$ h' o$ x
44.         e.preventDefault();
    # }* g- g6 X+ E1 B
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    9 k" T: x9 X& M( G4 M7 u9 o
48.     $('button#secondTurn').on('click', function(e) {
    ' g8 h( o* J# p# O1 E, z% s
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    
52. 
    
53.     });
    ' Z, [( ?, M2 b/ x
54. 
    
55. });

复制代码

; t3 L4 v* p1 l' E

ayue168

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

alibaba

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

熟能生巧哇

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