[{"createTime":1735734952000,"id":1,"img":"hwy_ms_500_252.jpeg","link":"https://activity.huaweicloud.com/cps.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=201905","name":"华为云秒杀","status":9,"txt":"华为云38元秒杀","type":1,"updateTime":1735747411000,"userId":3},{"createTime":1736173885000,"id":2,"img":"txy_480_300.png","link":"https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=edb15096bfff75effaaa8c8bb66138bd&from=console","name":"腾讯云秒杀","status":9,"txt":"腾讯云限量秒杀","type":1,"updateTime":1736173885000,"userId":3},{"createTime":1736177492000,"id":3,"img":"aly_251_140.png","link":"https://www.aliyun.com/minisite/goods?userCode=pwp8kmv3","memo":"","name":"阿里云","status":9,"txt":"阿里云2折起","type":1,"updateTime":1736177492000,"userId":3},{"createTime":1735660800000,"id":4,"img":"vultr_560_300.png","link":"https://www.vultr.com/?ref=9603742-8H","name":"Vultr","status":9,"txt":"Vultr送$100","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":5,"img":"jdy_663_320.jpg","link":"https://3.cn/2ay1-e5t","name":"京东云","status":9,"txt":"京东云特惠专区","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":6,"img":"new_ads.png","link":"https://www.iodraw.com/ads","name":"发布广告","status":9,"txt":"发布广告","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":7,"img":"yun_910_50.png","link":"https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=aXhpYW95YW5nOA===&utm_medium=cps&utm_campaign=201905","name":"底部","status":9,"txt":"高性能云服务器2折起","type":2,"updateTime":1735660800000,"userId":3}]
好消息!!好消息!!
页面的跳转完全自动化
让我来帮你解放你的双手
不用繁琐的让自己动手点击啦~
我们的学习是为了让代码更简洁效果更优!
现在就让我们开始吧~
我们的需求:
当点击“登录”或者“注册”能跳转到我们想要的那个页面:
比如,当点击“登录”
就跳转到登录页面:
当点击“注册”
就跳转到注册页面:
在HTML代码如下:
<ul> <li> <a href="javascript:;" value="登录" id="denglu" class="dl">登录</a>
<!-- id='denglu'就是用来判断最后获取到的值是否为--> </li> <li> <a href="javascript:;"
value="登录" id="logon" class="zc">注册</a> </li> </ul>
在JavaScript代码如下:
function load11() { //用一个函数进行“登录”封装 var parm1 =
document.getElementById('denglu').id; var myurl = 'load.html' + '?' + 'parm1='
+ parm1; //myurl这个变量是用来装跳转的页面load.html和登录的链接里的id值
window.location.assign(myurl); } function logon11() { //用一个函数进行“注册”封装 var parm2
= document.getElementById('logon').id; var myurl = 'load.html' + '?' + 'parm2='
+ parm2; window.location.assign(myurl); } //注册一个点击事件,当点击这个登录的字就调用函数能进行跳转 var dl
= document.querySelector('.dl'); dl.addEventListener('click', function() {
load11(); }) var zc = document.querySelector('.zc');
zc.addEventListener('click', function() { logon11(); })
当跳转到登录界面的时候的Javascript里面的代码:
var suibian = null; getparm(); function getparm() { var url = location.href;
console.log(url + '21111'); var tmp1 = url.split('?')[1]; console.log(tmp1);
var tmp2 = tmp1.split('%')[0]; console.log(tmp2); var tmp3 =
tmp2.split('=')[1]; console.log(tmp3); suibian = tmp3;
//以上步骤都是当跳转过来的页面里面网站进行分解得到最后的id名字 } if (suibian == 'denglu') {
row1[0].style.display = 'block'; lis[1].className = ''; row1[1].style.display =
'none'; } else { lis[0].className = ''; row1[0].style.display = 'none';
lis[1].className = 'current'; row1[1].style.display = 'block'; }
以上的内容就是所有的代码片段,所需代码可自取!