跳转到offerA时怎样同时在新标签页打offerB
本帖最后由 江南南岸 于 2022-3-30 11:04 编辑麻烦问下论坛的前辈,用户在landing页面点击按钮,在新标签页打开offer页面时,怎样同时让landing页面也同时跳转到另一个链接呢?或者在新标签页打开offerA页面时,再同时在新标签页打开offerB呢,哪位大佬可以给一段代码呢。辛苦
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-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();
});
});
代码贴出来了,放在哪个位置,自己可以测试一下呀 JS代码放置的位置很灵活的 建议放在footer </html> 前,这样加载速度快一点
页:
[1]