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

江南南岸

麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
) c1 \1 C* V  q; m, x8 t

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   ' M9 p; y: u' [8 p4 }9 F- q" B
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   7 B- S& x1 `* ^$ P2 R5 }
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   ! c; z4 d. ~- Q* O3 L$ i
9.                     window['location']['href'] = second_offer;
   . ?* \3 s8 e8 E) N' s. M4 I6 }
10.                 }, 2000);
    
11.         });
    
12.     }

复制代码

江南南岸

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

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

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>
   
5.             <div class="sa-fix"></div>
   
6.         </div>
   * ~5 m9 M5 M( i6 H' m
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   1 e/ @4 z1 T3 y) i9 p; Y. P
9.         <p>1 点击页面</p>
   ( h9 X( S' q1 A( [3 t
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    % S5 L. Z2 i  n/ I
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    7 B' }! k5 W! R  `- ~7 t( J
15.             </div>
    
16.         </div>
    0 c7 f' D. V$ H# e1 M- q
17.     </div>
    / h# j# k6 d2 {% K4 z. ~6 n
18.     <script src="./index_files/main_script.js"></scri

复制代码

$ r% _+ h: {$ D, ^7 [1 w. {js代码

1. $(document).ready(function() {
   ) f: x4 ]. A& ^5 F6 b
2. 
   
3.      setInterval(function() {
   2 W+ l& n8 B7 k3 {
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   
7. 
   
8.      function hidemodal01() {
   $ j! X/ a! \8 I- u, m
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    * P! H9 O4 C% y5 ?( C& i" `
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    ) @0 X6 G! a7 n! t3 F2 t
17.                  $('#successtip02').addClass('animateSuccessTip');
    3 E* z- }2 {( M
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    
20.          }, 7500);
    ( ]- z: s8 u: \4 w" _, z& F1 T8 f
21.      }
    
22. 
    % ?, y3 x; Z3 `# @
23.      function hidemodal02() {
    ! i0 ?. j) o3 l# W( U) U! W+ R, E
24.          $('#modal02').removeClass('visible');
    ; O2 R; l, n/ v$ Z( x* B) o
25.          $('.sweet-overlay').css('display', 'none');
    & _+ R  G$ i* l
26.          $('#spin').addClass('spinAround2');
    8 R2 I/ O8 A) w, d. h2 [- B0 f
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    ! D, M  P, d* q$ X! ^
30.          setTimeout(function() {
    " o- l& f+ M2 s% U
31.              $('#modal03').addClass('visible');
    8 D1 l, E4 C; I
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    $ |- v4 r* }- H/ W% [+ t
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    # G3 z/ `/ H. W) h3 ^
39. 
    8 q7 ?! @2 z7 L, q& G/ L
40.      }
    . ^+ `) {6 F, n0 c
41. 
    
42.     $('button#win').on('click', function(e) {
    8 y$ z/ k+ H# \& V
43. 
    ) T6 u: t- w0 n7 a9 J3 `; d
44.         e.preventDefault();
    
45.         var $this = $(this);
    3 i1 \- ~8 h9 {7 E7 e' F1 S( c7 z: w
46.         hidemodal01();
    
47.     });
    4 ?8 F) J' ]; w6 p" k
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    " G) c" z; m5 E% ?7 c7 T
50.         var $this = $(this);
    8 A% v, y7 e( R, G  p
51.         hidemodal02();
    5 |" O7 @3 G# j! y; b7 ~
52. 
    
53.     });
    3 `& x* \6 N: Z/ s4 t6 s& F! Z
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
7 Z# B% O8 p! F: w' ]