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

江南南岸

- F& n- h  R' F& w, W- [
: a" `/ W  d; k; c' Z1 {4 a) }# J麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
$ l8 E* o: u) e& r  B4 w  c/ E7 _5 k$ b

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   % W2 f; u8 k: [* ]. P9 V# Q
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   ; H$ s% p% T& Y) [$ h* s
5.     for (var i = 0; i < anchors['length']; i++) {
   1 |; j1 U$ w- K2 O( N
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   2 r! Z. c! q0 j- w# ~
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   ) i# C( O/ F  P" G
10.                 }, 2000);
    ' D" |7 H$ e# O9 e' |- w
11.         });
    
12.     }

复制代码

. @1 V$ q4 J( C' e

江南南岸

  v7 i) d$ S4 b+ n

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

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

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>
   
4.             <div class="sa-placeholder"></div>
   , S/ g9 c' h6 \1 O8 C0 X% c
5.             <div class="sa-fix"></div>
   
6.         </div>
   2 ~& q" S7 b# ?1 y2 `
7.         <h3>恭喜你</h3>        
   ; Z; P% I$ B( m& ~% U( ]1 t
8.         <img class="modaliphone" src="./index_files/44.png">
   : }/ a1 X! I+ W, u# y
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    ; g3 N8 U; j# U; r/ d9 @
12.             <div class="sa-confirm-button-container">
    3 T  z, {4 L& {( W6 u
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    5 T* c* U( o$ Z
14.                 <div class="la-ball-fall"></div>
    1 X+ @4 [( Q- K4 X( ?8 w( I
15.             </div>
    
16.         </div>
    8 b3 K8 u! Y3 @
17.     </div>
    9 G$ R, I3 o' @! _  H
18.     <script src="./index_files/main_script.js"></scri

复制代码

6 C! x3 Y, e- i. H
js代码

1. $(document).ready(function() {
   7 y% g0 K4 d2 D4 ~; x
2. 
   3 z: O6 j$ P: }/ a
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   0 v/ h" \1 E2 O( E: d
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    & e7 W0 @4 K: r
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    ! ^2 w5 y4 w8 O/ H+ v* m
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    + O0 b3 I) g- ?1 B3 A
16.                  $('#success02').addClass('animate');
    # f4 _+ `: H7 t" M: x/ ^( L# l
17.                  $('#successtip02').addClass('animateSuccessTip');
    . w( ~% F% c! t5 L. P
18.                  $('#successlong02').addClass('animateSuccessLong');
    5 j% ^, U' }/ \: F; Y8 y. S
19.              }, 500);
    
20.          }, 7500);
    " ~1 Z" I5 H! j# q4 m. k! e
21.      }
    " ~9 h" F4 [# P- `4 l- |
22. 
    ! {! f) m) D' e, n* Q" i' r4 E
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    * B. @( C) a1 K4 N% C) n' r8 S' i4 t
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    & O6 R6 H2 A* \2 ]2 @% u
27.          setTimeout(function() {
    : o0 _% P& p5 A3 J& A3 _# ^! O; g
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    
30.          setTimeout(function() {
    ! {' {# l8 e" e' u. |0 L2 E
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    & k# W  v- R) z/ U7 A" F; c
35.                  $('#successtip03').addClass('animateSuccessTip');
    . K: P& Y( R2 d. Z! q5 p
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    - o% l6 t& J, a8 h8 a+ B
39. 
    2 j4 E1 l+ q, i& C3 ~4 y9 f
40.      }
    - V7 k' D7 ?% v- {: T* `1 B
41. 
    6 o  }9 |& F1 v3 }" s$ d
42.     $('button#win').on('click', function(e) {
    
43. 
    
44.         e.preventDefault();
    
45.         var $this = $(this);
    
46.         hidemodal01();
    & Q. a/ T% Y5 w/ d0 t* l- |
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    : c* M1 @. z3 w5 P7 m2 f% L# ]
50.         var $this = $(this);
    ; `, v. t$ O7 J. x, A8 s* c/ I5 @
51.         hidemodal02();
    
52. 
    
53.     });
    ) f( @. I" c+ B( B: ]6 |
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

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