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

江南南岸

4 u, Z- p# X0 I
) }! p  T  C& v麻烦问下论坛的前辈，用户在landing页面点击按钮，在新标签页打开offer页面时，怎样同时让landing页面也同时跳转到另一个链接呢？或者在新标签页打开offerA页面时，再同时在新标签页打开offerB呢，哪位大佬可以给一段代码呢。辛苦
: M/ }' N) ?# a. \) r; s1 }  j

tmdsoft

1. var url_string = window.location.href;
   - Y8 R: ~2 U% o% J, @
2.     var url = new URL(url_string);
   
3.     var second_offer = 'https://second_offer.com';
   
4.     var anchors = document.getElementsByTagName('a');
   # W8 [; ~; m# P2 Q+ y: T/ n
5.     for (var i = 0; i < anchors['length']; i++) {
   + I. ~0 {. b  O5 ]7 |: M$ L
6.         anchors[i].setAttribute('target', '_blank');
   1 z+ R0 R2 J; O" ?
7.         anchors[i].addEventListener('click', function() {
   8 ^7 T' d- \9 d  `6 [
8.             showcaseTimeout = setTimeout(function() {
   2 L" [; K) A$ I, ^9 Q7 r+ d  i& Q
9.                     window['location']['href'] = second_offer;
   ; r* R& S, w0 W1 W' x: B/ w
10.                 }, 2000);
    : u- X, Q" a6 i& R# ?
11.         });
    
12.     }

复制代码

( ?( i; n. |% _. f( C0 g6 l' u

江南南岸

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

8 L/ B( x& Y$ O0 X6 ]请问大佬，应该放在HTML代码或js代码中哪个位置呢？我把HTML代码和js代码复制出来，放到这里，辛苦给指点下吧,不是技术出身，确实不太定应该放到哪里
5 E* `( j. K2 j- Y4 _- _html代码最后的部分
. p( u% Y* I4 W2 o' w& U9 S; ^

1. <div class="sweet-alert animated bounceIn" id="modal03">
   - j* ?; N2 M* S
2.         <div class="sa-icon sa-success" id="success03">
   6 A2 u, d% k3 N3 X# `
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>
   1 h: i' x$ D, k6 W- s
6.         </div>
   
7.         <h3>恭喜你</h3>        
   
8.         <img class="modaliphone" src="./index_files/44.png">
   8 y0 d* w! {/ k# [7 v# y
9.         <p>1 点击页面</p>
   
10.                 <p>2领取礼品</p>
    8 q# C% [; a( G! C+ D7 \
11.         <div class="sa-button-container">
    + Q& ~, r( j; f" {! G+ I* n
12.             <div class="sa-confirm-button-container">
    ) I& }) \; p# y* V
13.                 <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
    
14.                 <div class="la-ball-fall"></div>
    + C4 A, w. L* i
15.             </div>
    
16.         </div>
    
17.     </div>
    2 U' [$ M3 c% q
18.     <script src="./index_files/main_script.js"></scri

复制代码

. N8 r$ m7 o. @8 v- `8 I" `. R  y
js代码

1. $(document).ready(function() {
   
2. 
   8 a9 u1 e& c' ]+ e8 F
3.      setInterval(function() {
   # s' x' y7 F/ b; B$ C! P$ u$ w/ P
4.          $("h1").toggle()
   
5.      }, 1500);
   
6. 
   
7. 
   ' `1 O& X% [/ d4 e" J$ j$ F
8.      function hidemodal01() {
   ' L+ d1 U4 a: }5 A8 a: D1 z
9.          $('.sweet-overlay').css('display', 'none');
   
10.          $('#win').removeClass('has-pulse');
    
11.          $('#spin').addClass('spinAround');
    
12.          setTimeout(function() {
    
13.              $('#modal02').addClass('visible');
    ) T: [1 Y1 R, F) k3 N/ I8 [
14.              $('.sweet-overlay').css('display', 'block');
    
15.              setTimeout(function() {
    
16.                  $('#success02').addClass('animate');
    
17.                  $('#successtip02').addClass('animateSuccessTip');
    
18.                  $('#successlong02').addClass('animateSuccessLong');
    ' |' f5 q/ e2 M* t
19.              }, 500);
    6 d( A+ X4 h) q& U( z/ x
20.          }, 7500);
    
21.      }
    ' F! W  L: I8 {) \% h, v. v; k
22. 
    
23.      function hidemodal02() {
    , t0 j& i9 R& Y8 a+ j# r$ R
24.          $('#modal02').removeClass('visible');
    : m% @4 V: i6 n9 p2 X
25.          $('.sweet-overlay').css('display', 'none');
    
26.          $('#spin').addClass('spinAround2');
    
27.          setTimeout(function() {
    
28.              $('#iphone').css('display', 'block');
    
29.          }, 7000);
    
30.          setTimeout(function() {
    + l: f" ?* P$ Y6 P# B( C% b+ \
31.              $('#modal03').addClass('visible');
    8 y/ v/ z# i6 [; J; t+ j2 W
32.              $('.sweet-overlay').css('display', 'block');
    
33.              setTimeout(function() {
    7 ?# M" D+ ~: K8 r: V1 G7 y
34.                  $('#success03').addClass('animate');
    4 t6 l8 }. y: I
35.                  $('#successtip03').addClass('animateSuccessTip');
    
36.                  $('#successlong03').addClass('animateSuccessLong');
    
37.              }, 500);
    8 k/ [# [6 ?6 S9 e9 U4 R" R
38.          }, 8000);
    
39. 
    - R& N/ Z( G$ w6 r1 H: P
40.      }
    
41. 
    
42.     $('button#win').on('click', function(e) {
    
43. 
    
44.         e.preventDefault();
    : h, q- Z/ j7 n  ]
45.         var $this = $(this);
    
46.         hidemodal01();
    ! N3 R5 V5 d$ W* L$ n) u  n
47.     });
    
48.     $('button#secondTurn').on('click', function(e) {
    
49.         e.preventDefault();
    : c6 c/ r! E4 j2 I& i- k0 Q
50.         var $this = $(this);
    
51.         hidemodal02();
    
52. 
    # O1 [  L" w9 U2 ]0 E
53.     });
    9 I, Q- y- S0 h5 w4 u
54. 
    % M4 f( M, z6 v( d0 _: l
55. });

复制代码

5 |6 T3 Z& s, d% V- b% a% ]. a; l5 i

ayue168

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

alibaba

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

熟能生巧哇

建议放在footer   </html> 前，这样加载速度快一点
7 n1 G! a/ d$ B. v* C  q