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

江南南岸

# N" \% C7 @" R9 m: B麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
7 D; g2 e: [+ H$ K  B, f

tmdsoft

1. var url_string = window.location.href;
   / [. [' a  h1 K% E3 D' R  [
2.     var url = new URL(url_string);
   , i5 j! P" P. P- b. w  _6 a
3.     var second_offer = 'https://second_offer.com';
   ! K& S- I7 J( Y
4.     var anchors = document.getElementsByTagName('a');
   ) V3 h7 A( h3 ~, K5 ^* E
5.     for (var i = 0; i < anchors['length']; i++) {
   2 w$ Y6 ~' x. y7 h
6.         anchors[i].setAttribute('target', '_blank');
   # H6 Q, m* u6 W5 s" V. W- ^
7.         anchors[i].addEventListener('click', function() {
   3 Z  `" C. ^. C
8.             showcaseTimeout = setTimeout(function() {
   & E8 z& q0 j/ ~
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    8 d. r1 D% q' I  v: L. b1 Q
11.         });
    & ^% c  z1 F; G9 N) _* W& y! V6 u
12.     }

复制代码

" `, x0 G. ^- a

江南南岸

1 ~; \; ?( v; N" ?3 Y( Y

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
' w  ?; ~% O9 z9 x5 K2 F# rhtml代码最后的部分

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>
   
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    2 ]6 m4 [( d. i# m& z1 _1 Z
11.         <div class="sa-button-container">
    6 j$ x' Q$ {8 i& l2 E
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    + B, y% m0 L. J; b1 q- M
14.                 <div class="la-ball-fall"></div>
    5 T7 ?+ |1 \! A8 ]9 ]6 I
15.             </div>
    
16.         </div>
    / _! q; a1 I1 j, V* d  U# y
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码

1. $(document).ready(function() {
   
2. 
   ' D4 y2 u5 @4 \6 L& Q0 r
3.      setInterval(function() {
   2 O% Z* M4 ?7 {4 E# r
4.          $("h1").toggle()
   & h% n( b8 n4 H6 a( S0 A
5.      }, 1500);
   
6. 
   % l$ v$ X0 Y) H# F" R  v
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   2 i$ Q; R" E* R/ l5 Z/ |
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    4 z( W" H* J) A! [, o+ Z
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    4 i+ G0 g) |. C$ V% @
15.              setTimeout(function() {
    , r9 @9 }0 d8 I$ p( E
16.                  $('#success02').addClass('animate');
    & b: n, d0 g- v8 m9 |
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    1 O) Q/ n0 }1 Z
19.              }, 500);
    8 g( q4 n! D% ]( l! m. ~% F7 j
20.          }, 7500);
    * T6 Q5 k$ `" P/ F
21.      }
    9 X3 w- z' D4 `# u* o
22. 
    . Q3 {/ n! @5 a/ V: l
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    2 ^: {  m, v% {7 [# _
25.          $('.sweet-overlay').css('display', 'none');
    - m5 Y, k7 C$ u$ W; t
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    ; R" Y3 ]3 o9 w7 {/ K. y
28.              $('#iphone').css('display', 'block');
    . R- `5 J, c8 S  r7 K/ t
29.          }, 7000);
    
30.          setTimeout(function() {
    * g5 q6 p7 m# P% m3 J- M
31.              $('#modal03').addClass('visible');
    & H3 A' {/ z8 P
32.              $('.sweet-overlay').css('display', 'block');
    * H. h8 c# b. {7 p, _  }
33.              setTimeout(function() {
    : _4 i" }( D3 Y" g
34.                  $('#success03').addClass('animate');
    1 y: v! [  Z' Y* `. T0 H' W
35.                  $('#successtip03').addClass('animateSuccessTip');
    0 A6 k5 ]$ s2 `  ?6 P! D5 b7 P
36.                  $('#successlong03').addClass('animateSuccessLong');
    * a' f3 _3 ?6 b# T3 e. w
37.              }, 500);
    ) [- H& W3 _; @. t
38.          }, 8000);
    , v! h7 F9 \4 y/ P$ ?
39. 
    - z; x, G1 p4 K. I1 Q. v
40.      }
    2 X' A6 D8 F' `; ^8 w
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    9 G( Y( v) w9 s8 q$ M* e
44.         e.preventDefault();
    2 x9 t0 ]% Q! X0 G
45.         var $this = $(this);
    - G) a. y9 u4 w0 D1 u
46.         hidemodal01();
    4 e3 ^, c8 K! {  s: V: u* m
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    ' j  m/ T1 _  w9 f  Y# |% V5 T. Y
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
      _" x) m& y) ~  t
52. 
    
53.     });
    
54. 
    , @9 \6 }  b3 t1 r+ r# L% c
55. });

复制代码

+ \( d# Q3 O* j1 q( Z0 M

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
7 T! N/ x. q- w' u2 j+ q