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

江南南岸

麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
& r3 ?/ ~' g  r1 f! }) u% [" A

tmdsoft

1. var url_string = window.location.href;
   ( @. W+ A4 \, @
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   5 Y+ `1 O" s! E
4.     var anchors = document.getElementsByTagName('a');
   0 L" ?$ _( W# R# _
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   + B; ^& V: _% U6 y4 D, L9 x5 ^
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   : S, }* d1 p: C0 a& ^
9.                     window['location']['href'] = second_offer;
   7 D6 k0 J2 B6 ]) u
10.                 }, 2000);
    
11.         });
    
12.     }

复制代码

江南南岸

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
$ n- l$ u" l) b$ Z% z4 C' Bhtml代码最后的部分
  X& h3 p7 V5 [7 m

1. <div class="sweet-alert animated bounceIn" id="modal03">
   ) U6 l, o$ `' M( {1 R
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>
   # E+ Z# P8 b' f6 {! f% a: L, e; ~, g. i
5.             <div class="sa-fix"></div>
   2 F  h5 K" [3 }" E2 W& o3 E# D
6.         </div>
   / f0 y# X  A. ~" ~; D
7.         <h3>恭喜你</h3>        
   4 U$ [/ ]7 g8 R9 q6 r! Z) R
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   + _% Z# f# G2 A
10.                 <p>2领取礼品</p>
    4 P  \5 u+ Q2 r* J& e
11.         <div class="sa-button-container">
    ( {3 a  e  y: s3 d$ X' Z6 I
12.             <div class="sa-confirm-button-container">
    % \9 E5 A  R0 g
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    : L0 V& r8 d6 J0 D$ t
15.             </div>
    
16.         </div>
    
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

! h5 g; @; ?4 Zjs代码
" m! \7 O) F( s$ O2 ]

1. $(document).ready(function() {
   
2. 
   1 t6 Q& {" _% [8 w
3.      setInterval(function() {
   $ A4 ~0 {  Z5 d% l. v5 H
4.          $("h1").toggle()
   
5.      }, 1500);
   / a; V' L" f1 R/ i
6. 
   
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    0 b. `/ I5 s9 G6 N
13.              $('#modal02').addClass('visible');
    , n! ]9 S$ m4 H4 o+ p
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
      `! }5 M3 }6 a3 _
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    1 R/ g2 d% w: d, m* L5 A- [% u
18.                  $('#successlong02').addClass('animateSuccessLong');
    % H5 {4 b8 G4 V; K" s, P  J
19.              }, 500);
    % |1 E: k& A8 ?6 c; q8 _6 H0 w- N2 l
20.          }, 7500);
    
21.      }
    
22. 
    
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    : H: l) Z( M0 _1 q- j" b
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    ! l9 d, A& E0 u; F6 N
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    8 a0 D1 g5 u9 M4 R' d( S8 c
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
      H! E2 ^% R! a: R, E7 C
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    ' t8 Y& A3 B5 b/ j* V/ {
39. 
    + V6 D+ I+ N6 B: {; j2 d6 U- T
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
    1 S/ v. I+ q2 k1 `
43. 
    9 _  y0 L( P# e
44.         e.preventDefault();
    . v3 q  k9 [! D  \3 t
45.         var $this = $(this);
    * N4 g' d) w8 s% |
46.         hidemodal01();
    2 M" u4 `, N( v6 V* q5 a, g
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    8 v3 i; L6 V+ P, k' M3 P" D
49.         e.preventDefault();
    8 M4 f, y7 C1 {" V& f) P0 t
50.         var $this = $(this);
    0 ?- H3 r- x7 L  @' [
51.         hidemodal02();
    
52. 
    
53.     });
    . j7 Z& c) O/ i: w
54. 
    $ q/ Q3 w* @' H3 {4 O
55. });

复制代码

5 ?" O! ~. N) m9 Q9 p' g, a" M2 x

ayue168

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

alibaba

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

熟能生巧哇

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