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

江南南岸

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

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   % i4 u% }& b4 W& _$ X* j1 V
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   - c0 K% |. b4 `) P  p$ f, b" y7 l
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   ' X6 }# U& Q( M' @0 k3 {7 l' a
10.                 }, 2000);
    
11.         });
    
12.     }

复制代码

江南南岸

* ~# Z2 D* |$ w5 m8 M

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

' z6 @$ Y' `  k, ^0 r) O6 X7 C& a0 M请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分
8 ^& m  Y" d6 L$ C1 [

1. <div class="sweet-alert animated bounceIn" id="modal03">
   4 K: j9 c! |+ G& R# q
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>
   : u9 E2 N" c  P$ S
5.             <div class="sa-fix"></div>
   " z& D7 I0 W& v1 k" Z3 G+ x. _
6.         </div>
   
7.         <h3>恭喜你</h3>        
   $ B( G: y: E- o: A- O
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   7 q3 s' k) N, o7 T
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    / C4 x' k0 w# i+ t6 k9 A3 y
12.             <div class="sa-confirm-button-container">
    
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    
15.             </div>
    
16.         </div>
    3 ^& `/ \+ U* z! f& T% ^+ S
17.     </div>
    8 R+ s6 d7 D. {: Z) C
18.     <script src="./index_files/main_script.js"></scri

复制代码

: H1 J' k) M, L3 H
js代码
* d% O4 G( m* Q& d6 T! B' ~+ K

1. $(document).ready(function() {
   
2. 
   
3.      setInterval(function() {
   
4.          $("h1").toggle()
   2 z. v$ B# k8 P4 G( x
5.      }, 1500);
   + J3 o1 t/ \+ j( d! A+ ^2 K
6. 
   
7. 
   
8.      function hidemodal01() {
   ) Z3 O  ?. Q0 I. ]1 c! S
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    * ~2 A8 Y8 a' R- @( i
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    ( Y1 y8 a/ O& e' t( Y8 j
15.              setTimeout(function() {
    9 W! f* e9 c/ |  s, N9 ]# m; }
16.                  $('#success02').addClass('animate');
    2 I7 M7 u2 z3 l: F3 h) w
17.                  $('#successtip02').addClass('animateSuccessTip');
    ' Z; z6 }0 d, @: D6 t
18.                  $('#successlong02').addClass('animateSuccessLong');
    ; y% K) E8 R' g/ L
19.              }, 500);
    " Z" I0 t  ?  V* q. j4 f, Q5 o
20.          }, 7500);
    * `. |7 T( c) D- Z" Z
21.      }
    
22. 
    : L+ ~. J' O4 s2 g  _' V. B; h2 @) d
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    . u# o! H+ M  k; ~& K+ ?' k
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    $ u' _2 ]  S) U3 A" P1 P
32.              $('.sweet-overlay').css('display', 'block');
    , E" Q; ~, \3 Y: o3 Y
33.              setTimeout(function() {
    $ ^: b0 s8 T9 U* ~' X
34.                  $('#success03').addClass('animate');
    . W) y& e# h4 Q; K
35.                  $('#successtip03').addClass('animateSuccessTip');
    8 V2 s& }! n7 P! U: z/ j8 q. @# A
36.                  $('#successlong03').addClass('animateSuccessLong');
    , o/ D' x6 z: d0 f' T. w
37.              }, 500);
    
38.          }, 8000);
    % ]4 p& ~' {# T
39. 
    : l2 X0 p# i( R; ^
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    ! n4 N: b& a& W9 _+ |
44.         e.preventDefault();
    
45.         var $this = $(this);
    / g: e8 I( u8 x, `: q
46.         hidemodal01();
    ( a; u- {& b) V- s& S* E, {) Y8 G
47.     });
    - C/ s! m: K% p4 q
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    
50.         var $this = $(this);
    , R2 F, P% F% Q8 I- N: U
51.         hidemodal02();
    7 Y& K1 C% t0 ^1 I& T, g
52. 
    ) Z& O9 z$ d1 A* J4 t1 ~
53.     });
    9 s. g8 G6 d8 R* p. G) U- }* s; Y
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
9 }! N5 T3 |* T. ^( ?