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

江南南岸

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

tmdsoft

1. var url_string = window.location.href;
   & ^5 {$ T. \0 s9 F
2.     var url = new URL(url_string);
   1 K6 ]2 x6 U  t) k
3.     var second_offer = 'https://second_offer.com';
   # B* c# a. H. l. K1 x5 u. M! M
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   
6.         anchors[i].setAttribute('target', '_blank');
   ; z: ]! t1 f+ ]3 w
7.         anchors[i].addEventListener('click', function() {
   " k, N$ N7 }, [. ~& G8 c" l' w
8.             showcaseTimeout = setTimeout(function() {
   6 M9 c% e. Q8 f+ s5 {% a# b4 M  T
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    
11.         });
    . t4 g  \4 t$ }/ O+ Z2 \
12.     }

复制代码

江南南岸

; H$ F8 K+ n# Z: B6 h

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

, P! v4 @- j1 K0 f; V% b请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
; U7 R- i, m8 d9 c/ ?" c/ w9 zhtml代码最后的部分
! g9 ?5 s0 T+ G3 H8 a+ G

1. <div class="sweet-alert animated bounceIn" id="modal03">
   8 G+ u+ D3 s- N2 l
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>
   , f$ C, S/ m3 c- |  G8 U1 U. g
6.         </div>
   5 ^0 a3 f9 ~, H+ D4 `  f; j2 T) N
7.         <h3>恭喜你</h3>        
   ( H, C1 D' f; }& v
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   ) j  R& M' ?6 r- I2 X
10.                 <p>2领取礼品</p>
    
11.         <div class="sa-button-container">
      {& j; m1 t# E+ Q4 j
12.             <div class="sa-confirm-button-container">
    ; Y0 r- D6 Y% L9 N) w- n7 N2 u
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    * X. V( k+ R6 G6 Q* s5 ~) i; k
15.             </div>
    
16.         </div>
    & K# F! D% r0 S# v4 o2 `! o
17.     </div>
    
18.     <script src="./index_files/main_script.js"></scri

复制代码

js代码
& b4 a2 E# h. d. O+ Y) g  K5 w

1. $(document).ready(function() {
   
2. 
   
3.      setInterval(function() {
   ; d( w4 ~7 M; }3 R% K5 [! d
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   
7. 
   2 a0 Y* @( ^6 h5 L/ m
8.      function hidemodal01() {
   9 u. U4 y( @* @8 V  z. d
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    + j% K/ c; G3 i/ A6 j" D1 B
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    1 l+ `) }4 u& X" B0 \: [
19.              }, 500);
    
20.          }, 7500);
    
21.      }
    6 @8 A' S) p8 x, v9 |; y  ], Q* R
22. 
    
23.      function hidemodal02() {
    3 _4 J, q6 s' i4 F# @6 Z2 u
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    * Z8 M- G3 Y& _; g2 H
26.          $('#spin').addClass('spinAround2');
    7 q. l+ }& ^/ H) f; w+ l1 x" h
27.          setTimeout(function() {
    , _' b+ \4 [$ S
28.              $('#iphone').css('display', 'block');
    , o% u/ ^  i2 D, Q1 \- G6 s2 F6 @
29.          }, 7000);
    
30.          setTimeout(function() {
    ' }$ c/ \2 i3 A8 W( S
31.              $('#modal03').addClass('visible');
    
32.              $('.sweet-overlay').css('display', 'block');
    5 ?( d* E+ L7 e/ v* l! N7 _
33.              setTimeout(function() {
    8 t1 b/ d" w* V4 G' m# Q9 T  d2 M
34.                  $('#success03').addClass('animate');
    
35.                  $('#successtip03').addClass('animateSuccessTip');
    * a6 f, [( V# Q( p+ J8 Q
36.                  $('#successlong03').addClass('animateSuccessLong');
    ! w  @9 o$ Q. J
37.              }, 500);
    
38.          }, 8000);
    % D+ G1 t' T" U! I, [
39. 
    
40.      }
    : ]6 L' M- ?; c4 U, Q. [3 q
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    , d' y  d1 z; D5 ~9 I
44.         e.preventDefault();
    % T$ }6 \- j- B3 L! e; U- @0 p
45.         var $this = $(this);
    7 W& l' u5 W4 P+ Y
46.         hidemodal01();
    
47.     });
    : x) \' l, P2 F7 R7 `
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    1 x% g" f- b+ s3 R
50.         var $this = $(this);
    
51.         hidemodal02();
    $ f, ~, y  `8 ?( e: j- m
52. 
    
53.     });
    
54. 
    
55. });

复制代码

& r1 H/ `8 H) n, X" E5 W5 U

ayue168

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

alibaba

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

熟能生巧哇

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