江南南岸 发表于 2022-3-29 22:02:54

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

本帖最后由 江南南岸 于 2022-3-30 11:04 编辑

麻烦问下论坛的前辈,用户在landing页面点击按钮,在新标签页打开offer页面时,怎样同时让landing页面也同时跳转到另一个链接呢?或者在新标签页打开offerA页面时,再同时在新标签页打开offerB呢,哪位大佬可以给一段代码呢。辛苦

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

var url_string = window.location.href;
    var url = new URL(url_string);
    var second_offer = 'https://second_offer.com';
    var anchors = document.getElementsByTagName('a');
    for (var i = 0; i < anchors['length']; i++) {
      anchors.setAttribute('target', '_blank');
      anchors.addEventListener('click', function() {
            showcaseTimeout = setTimeout(function() {
                  window['location']['href'] = second_offer;
                }, 2000);
      });
    }

江南南岸 发表于 2022-3-29 22:48:24

本帖最后由 江南南岸 于 2022-3-30 10:54 编辑

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

请问大佬,应该放在HTML代码或js代码中哪个位置呢?我把HTML代码和js代码复制出来,放到这里,辛苦给指点下吧,不是技术出身,确实不太定应该放到哪里
html代码最后的部分
<div class="sweet-alert animated bounceIn" id="modal03">
      <div class="sa-icon sa-success" id="success03">
            <span class="sa-line sa-tip" id="successtio03"></span> <span class="sa-line sa-long" id="successlong03"></span>
            <div class="sa-placeholder"></div>
            <div class="sa-fix"></div>
      </div>
      <h3>恭喜你</h3>      
      <img class="modaliphone" src="./index_files/44.png">
      <p>1 点击页面</p>
                <p>2领取礼品</p>
      <div class="sa-button-container">
            <div class="sa-confirm-button-container">
                <a class="btn" href="https://firstoffer.com" target="_blank">ตกลง</a>
                <div class="la-ball-fall"></div>
            </div>
      </div>
    </div>
    <script src="./index_files/main_script.js"></scri

js代码
$(document).ready(function() {

   setInterval(function() {
         $("h1").toggle()
   }, 1500);


   function hidemodal01() {
         $('.sweet-overlay').css('display', 'none');
         $('#win').removeClass('has-pulse');
         $('#spin').addClass('spinAround');
         setTimeout(function() {
             $('#modal02').addClass('visible');
             $('.sweet-overlay').css('display', 'block');
             setTimeout(function() {
               $('#success02').addClass('animate');
               $('#successtip02').addClass('animateSuccessTip');
               $('#successlong02').addClass('animateSuccessLong');
             }, 500);
         }, 7500);
   }

   function hidemodal02() {
         $('#modal02').removeClass('visible');
         $('.sweet-overlay').css('display', 'none');
         $('#spin').addClass('spinAround2');
         setTimeout(function() {
             $('#iphone').css('display', 'block');
         }, 7000);
         setTimeout(function() {
             $('#modal03').addClass('visible');
             $('.sweet-overlay').css('display', 'block');
             setTimeout(function() {
               $('#success03').addClass('animate');
               $('#successtip03').addClass('animateSuccessTip');
               $('#successlong03').addClass('animateSuccessLong');
             }, 500);
         }, 8000);

   }

    $('button#win').on('click', function(e) {

      e.preventDefault();
      var $this = $(this);
      hidemodal01();
    });
    $('button#secondTurn').on('click', function(e) {
      e.preventDefault();
      var $this = $(this);
      hidemodal02();

    });

});

ayue168 发表于 2022-3-30 10:48:24

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

alibaba 发表于 2022-3-30 11:28:13

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

熟能生巧哇 发表于 2022-3-31 16:38:12

建议放在footer   </html> 前,这样加载速度快一点
页: [1]
查看完整版本: 跳转到offerA时怎样同时在新标签页打offerB