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

江南南岸

+ R* \, I+ p9 l
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
  J: s& q) S; H" [

tmdsoft

1. var url_string = window.location.href;
   * i- Z# G& w; ?$ o/ Q! I
2.     var url = new URL(url_string);
   & V. r2 i# T8 {% o; i
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   4 w$ t! m: \7 z) ~. s' ]
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    3 d' n) e! @  @
12.     }

复制代码

江南南岸

; ?6 f* y+ ?$ s' [6 ^8 e1 O& A* g

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

+ K. [& ~; d4 a3 m1 G' C$ r3 x* g请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
1 E8 G9 q0 s: V8 z; Qhtml代码最后的部分
  c1 Z, X: G4 I/ s; c+ U# j- m3 I

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
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>
   6 {2 ?% }# A8 M$ k1 N; a( F
4.             <div class="sa-placeholder"></div>
   1 V* m: O( O( {! V" R, O
5.             <div class="sa-fix"></div>
   
6.         </div>
   * l) l( z0 e7 t6 u
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   ' x2 P" T2 I- I, i9 d) Y
9.         <p>1 点击页面</p>
   7 m# v: }, X) o7 \# `* t2 M
10.                 <p>2领取礼品</p>
    ) {7 |3 x9 T% E* d: D7 b) |! @
11.         <div class="sa-button-container">
    , G9 e8 [- V; w5 n( D( J
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    " W; v2 V# {6 a* m
14.                 <div class="la-ball-fall"></div>
    6 q. ?) N) K0 U  u# K
15.             </div>
    % h! {: y. F8 |! {$ F
16.         </div>
    1 @9 B  _' r" l! d8 ]8 k
17.     </div>
      m+ @6 U/ m- }0 B: k, {: {; X
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码

1. $(document).ready(function() {
   
2. 
   * h4 {$ O3 X6 D2 ~( x6 Y( i8 B3 {8 q
3.      setInterval(function() {
   
4.          $("h1").toggle()
   6 ?, s! o% X: }; C& K1 @0 M9 z
5.      }, 1500);
   
6. 
   8 Z) g( Z& F) V& u- M2 ?/ r$ B
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   9 D+ A2 \( v  {2 t3 b8 f
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    ( S4 u; m7 A% ?5 S/ b& J! }( q
18.                  $('#successlong02').addClass('animateSuccessLong');
    8 c. y( o5 u5 ^7 I
19.              }, 500);
    
20.          }, 7500);
    
21.      }
    
22. 
    2 S1 g- e) x" L, l4 z6 l
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    # b0 L) J: ?* E/ V9 ?& G- Q
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
      T) |* I# T3 w* N
30.          setTimeout(function() {
      }2 S: Z; t0 x3 T8 Y
31.              $('#modal03').addClass('visible');
    & ^. n0 f7 ~4 P  R  _5 T6 S! o
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    2 Q- [9 X; L; ?1 \
34.                  $('#success03').addClass('animate');
    , a- x! j. B% K) L1 k
35.                  $('#successtip03').addClass('animateSuccessTip');
    5 A. _* b' {( L
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    ; Y2 M" C! P8 X& ]# }; b+ A7 J
38.          }, 8000);
    ! R! d2 e- N: C; C' [& B# k  n  X
39. 
      L+ r+ h" [, L1 x4 }+ r
40.      }
    5 L5 t% j+ {7 T0 N* A8 J
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    6 w# ?/ o3 z- z3 O) Y# N2 y: k
44.         e.preventDefault();
    3 ]& M" a: R) x
45.         var $this = $(this);
    ! d" Q$ K9 ~, d; t* J
46.         hidemodal01();
    
47.     });
    - ^/ ?% ~, l# Q5 H
48.     $('button#secondTurn').on('click', function(e) {
    1 |3 N$ v" T  q: U- Y* Z8 s+ m
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    6 E; ^0 |( v( z5 B1 J; _( Y
52. 
    
53.     });
    0 ^; m% l! c! V5 [4 w
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
" q' y$ X3 o1 l+ q