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

江南南岸

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

tmdsoft

1. var url_string = window.location.href;
   2 l+ o1 _+ S) z# f7 g: C
2.     var url = new URL(url_string);
   $ P5 N1 x' n- j# M  V7 B, U3 j
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   - W: w, K& n; v/ }6 i
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   3 y* U+ |6 V9 J  _+ H  y) z$ B
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   7 T$ F9 k/ i2 Y9 Z
10.                 }, 2000);
    * R4 c* B# \1 E
11.         });
    ( H2 j9 k% E/ d! o! e3 b6 p
12.     }

复制代码

4 c0 t: V; W9 o7 F

江南南岸

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

5 P1 V; s' l/ [$ f6 t请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
! |, x; n3 S% h9 r8 ^3 _! uhtml代码最后的部分

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>
   5 }3 o1 ^1 W, z
4.             <div class="sa-placeholder"></div>
   5 j3 L9 z/ t& J5 A7 c
5.             <div class="sa-fix"></div>
   " O/ k* m. Z7 ~) f
6.         </div>
   
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   - \, x( r4 Y7 I7 Q7 P1 \2 H* l
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    7 A1 b- N7 J, p; F5 h/ O
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    8 J0 Q5 J# U+ e( l
14.                 <div class="la-ball-fall"></div>
    , {2 R  {# z  f, v5 {$ T0 L$ \
15.             </div>
    + J+ H8 G' Y! [( M# h
16.         </div>
    
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

* ~8 O( K  P9 ?& I
0 m% e0 g; u8 a: f0 e5 l" a; ?1 \. ajs代码

1. $(document).ready(function() {
   - z) z5 m8 R, ^  r. t
2. 
   # D% \: q+ M1 C* s1 F
3.      setInterval(function() {
   ' Y% ^; X$ ?4 R& y- d. g
4.          $("h1").toggle()
   : _. e6 m: P0 S( \  K, N
5.      }, 1500);
   
6. 
   
7. 
   
8.      function hidemodal01() {
   0 N/ O+ `1 B0 p/ \" k) C
9.          $('.sweet-overlay').css('display', 'none');
   ! ^. U  }$ Z4 ?8 Y
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    * T, O7 u. s: u4 U9 J' i" I4 e
13.              $('#modal02').addClass('visible');
    ( x+ a) F* r+ J9 u; @$ B8 l# |
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    - S( T% _3 [' L3 a8 L3 d0 Q
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    2 D* p9 V: _: p+ w; ?% M
19.              }, 500);
    ! R* y4 f  r) }7 ^3 }- b5 S
20.          }, 7500);
    3 ?- j) l* v/ j+ _" O) F  k
21.      }
    - b& g" S5 I9 ~9 y
22. 
    
23.      function hidemodal02() {
    + w* E$ O) ?- v
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    ) S/ ^& y( X$ @6 t; e* q
27.          setTimeout(function() {
    8 v- w! ?4 B( x: K
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    , G. n/ l. c+ u' j
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    . z& t" S+ {; v; b9 D) q( z
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    8 }1 T/ h5 v6 U, F
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    
39. 
    
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
    * j. J" e! b& a9 T3 R$ Z
43. 
    
44.         e.preventDefault();
    
45.         var $this = $(this);
    
46.         hidemodal01();
    
47.     });
    3 m& n: D$ @: M' S
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    ' H+ U2 q2 i7 J5 N$ O! ~7 _
50.         var $this = $(this);
    
51.         hidemodal02();
    1 u+ \* q' u% c; P' o! h8 n
52. 
    ! N/ \  z4 {7 Y9 @
53.     });
    
54. 
    
55. });

复制代码

# C: h( U1 j! t9 }% Z1 b

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
3 z' V5 m/ J& a  \! k# a