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

江南南岸

. A- \; W! G. O6 x
麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
, p/ `! G& O7 d" d+ u$ ^

tmdsoft

1. var url_string = window.location.href;
   
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   
5.     for (var i = 0; i < anchors['length']; i++) {
   , O  v, j; a) _& z$ ~! D
6.         anchors[i].setAttribute('target', '_blank');
     R& T! L4 v" z8 W. u; J: U5 M
7.         anchors[i].addEventListener('click', function() {
   
8.             showcaseTimeout = setTimeout(function() {
   
9.                     window['location']['href'] = second_offer;
   
10.                 }, 2000);
    " Z" N2 P* H/ S1 ^  O# a% N
11.         });
    3 X- k( q4 M/ q4 w$ i; b" J
12.     }

复制代码

江南南岸

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

请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
html代码最后的部分

1. <div class="sweet-alert animated bounceIn" id="modal03">
   
2.         <div class="sa-icon sa-success" id="success03">
   8 Y& F3 g% ~& w6 v! s- W8 i$ m7 Q
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>
   ) [% [1 {# X: J! U, N% x6 U
5.             <div class="sa-fix"></div>
   
6.         </div>
   
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   
9.         <p>1 点击页面</p>
   ! B- d1 Q  X' A- Q( N- {
10.                 <p>2领取礼品</p>
    , f$ G7 b) O6 p/ e, K
11.         <div class="sa-button-container">
    
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>
      G. I9 \+ b; _/ B0 ?1 a
16.         </div>
    
17.     </div>
    7 j  h/ P4 c' r
18.     <script src="./index_files/main_script.js"></scri

复制代码

% r- n9 w. Y1 x. cjs代码

1. $(document).ready(function() {
   # s. j' F' y) @. L5 i0 w$ J% A
2. 
     m1 y1 N; a& U
3.      setInterval(function() {
   
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   5 h/ A  j) C5 e  N3 _
7. 
   
8.      function hidemodal01() {
   
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    8 |7 z2 S$ p/ K1 D5 E. J
14.              $('.sweet-overlay').css('display', 'block');
    4 g' n" x3 e5 x( R2 z4 H
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    2 }, Y/ y/ _7 F4 q1 N2 O4 n0 F
17.                  $('#successtip02').addClass('animateSuccessTip');
    5 s2 K5 C9 ^& i1 X
18.                  $('#successlong02').addClass('animateSuccessLong');
    9 l+ F7 E% h5 }  V
19.              }, 500);
    8 |; ]/ `1 |0 s6 G' }1 v
20.          }, 7500);
    
21.      }
    
22. 
    
23.      function hidemodal02() {
    1 y# p& E1 D+ z) B9 z+ h) K
24.          $('#modal02').removeClass('visible');
    
25.          $('.sweet-overlay').css('display', 'none');
    ; u- ?( n, K% x) a. {' o( q$ j, L0 L
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    4 e" m# K) Y5 i: P( w
28.              $('#iphone').css('display', 'block');
    - _4 `9 h% r! P. ^5 m7 B8 W5 S
29.          }, 7000);
    
30.          setTimeout(function() {
    
31.              $('#modal03').addClass('visible');
    $ z* `7 E( T1 I. C. o
32.              $('.sweet-overlay').css('display', 'block');
    ' S8 ?/ j2 C  F; H' \$ I' W$ U
33.              setTimeout(function() {
    
34.                  $('#success03').addClass('animate');
      r  N: ^4 s/ _* ^8 G
35.                  $('#successtip03').addClass('animateSuccessTip');
    1 y1 z! z# V; J" \- K- |, o/ D
36.                  $('#successlong03').addClass('animateSuccessLong');
    : X# E  x' u" N- H
37.              }, 500);
    
38.          }, 8000);
    
39. 
    
40.      }
    + o0 R# G1 q4 d- O4 W; m' W
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    8 _; ?0 ?& r+ Z+ U" L# \( N/ r
44.         e.preventDefault();
    
45.         var $this = $(this);
    . X9 W0 j4 w" c2 R
46.         hidemodal01();
    " A& R, \4 X* O" v7 t4 L
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    9 M% |" m6 r, p1 L
49.         e.preventDefault();
    
50.         var $this = $(this);
    
51.         hidemodal02();
    0 ~  O7 M7 E2 ~/ H
52. 
    8 R& Z" Q# i: l2 Z  M
53.     });
    + _; U7 x5 w6 y* I- D& Y) y
54. 
    
55. });

复制代码

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
; d0 s4 F0 f* n' I