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

江南南岸

7 c* b2 Y5 t) B
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
- N# \9 V5 _! e

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   ; J) i$ T0 ~9 d$ q7 _: e
3.     var second_offer = 'https://second_offer.com';
   9 A) f8 B4 g+ T% Q( D' i4 Y& D& l
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   ( @) i& V) M/ i2 [( t7 q3 e
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   * {5 n2 A) Z% d5 r  X3 {
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    ' D. {! }+ t& }3 R) Y. A
11.         });
    % Z/ K5 V; X- s: ^0 a7 h" _* v6 w) e
12.     }

复制代码

4 E1 V" X4 V) _

江南南岸

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

, P, J8 ~0 h+ @5 {& r! F% Z) L请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
1 ~4 a0 H# `# s& |. Ghtml代码最后的部分

1. <div class="sweet-alert animated bounceIn" id="modal03">
   ' {+ r! L. I# ~( W
2.         <div class="sa-icon sa-success" id="success03">
   - {8 g5 f& ?5 G: {+ F
3.             <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
   3 c: V* b  B1 K0 w
4.             <div class="sa-placeholder"></div>
   ( |5 i+ W. E9 s/ p; H: ]4 Q
5.             <div class="sa-fix"></div>
   " @- w, S- Q+ k. ^8 C! ^8 l
6.         </div>
   " ^6 C4 l4 \; G/ Z# z
7.         <h3>恭喜你</h3>        
   6 C0 ?" j( v& D
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
    
12.             <div class="sa-confirm-button-container">
    " R' @- @  I% X9 ?
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    
15.             </div>
    6 ]* ?4 M, G8 k9 r( ^( m
16.         </div>
    
17.     </div>
    . H  s: m, ?2 m. {9 R
18.     <script src="./index_files/main_script.js"></scri

复制代码

. o) y& E. K  T5 ~/ P9 g2 h1 `js代码

1. $(document).ready(function() {
   / c; O/ }5 d' g2 u8 w
2. 
   
3.      setInterval(function() {
   0 E& v/ G2 S9 [' T0 x4 |
4.          $("h1").toggle()
   
5.      }, 1500);
   + i* _% T8 ?2 u; D* j
6. 
   
7. 
   
8.      function hidemodal01() {
   - S- {7 ~$ q  c+ v0 @5 }0 B1 W
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    % Y( Q, _# P, l; z
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    & u1 I" m" R5 z
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    2 ^2 |* l1 E1 R* A# ?5 O
15.              setTimeout(function() {
    1 w) w3 \5 ?4 B1 Q
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    
19.              }, 500);
    
20.          }, 7500);
    1 H/ j- n. J0 O! D: `, u1 A
21.      }
    
22. 
    8 s/ N/ X9 i# t
23.      function hidemodal02() {
    
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    7 C0 w) D$ {% @8 H
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    ' u5 E1 V- _) V0 R* v5 a
29.          }, 7000);
    
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    7 [1 Y1 B& t/ w- }4 b
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    ' T# @# Y" j' G, `8 S
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    
38.          }, 8000);
    
39. 
    - N( a5 ?; B6 a/ ]; B; ]# {
40.      }
    9 ^* ]( P1 l) r1 x5 L
41. 
    
42.     $('button#win').on('click', function(e) {
    / i4 L* S* S  @: N0 r- H
43. 
    
44.         e.preventDefault();
    
45.         var $this = $(this);
      P6 m$ J- C1 C) ^4 ]
46.         hidemodal01();
    ) B0 d% d! K, {, v
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    # ^% B: o: r) Y1 J& t! c
49.         e.preventDefault();
    5 x' k' j) X: r' E1 ^/ s
50.         var $this = $(this);
    - E6 v+ N0 N* P6 E  c$ _' E
51.         hidemodal02();
    # Y& B  N  `4 H5 k4 V& d7 ~
52. 
    ! z+ [- y+ G" {, m% {& F+ t$ H9 B
53.     });
    & C, G- m. p+ q" i( ]9 a
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

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