这两天在制作Weblog网站的时候,想添加一个点击链接随机跳转到一个认证页面,因为认证页面的后缀都是数字.html,所以其实很简单,这个功能也类似十年之约的虫洞,但是我觉得其用的不是这种方式。
JS部分
首先需要创建JS来随机获取一个数字,并合成链接地址:
<script>
//合成链接地址
function myFunction(e) {
var number = randomNum(1, 100);
e.href = "https://weblog.net.cn/auth/" + number + ".html";
};
//生成随机数字
function randomNum(maxNum, minNum, decimalNum) {
var max = 0,
min = 0;
minNum <= maxNum ? (min = minNum, max = maxNum) : (min = maxNum, max = minNum);
switch (arguments.length) {
case 1:
return Math.floor(Math.random() * (max + 1));
break;
case 2:
return Math.floor(Math.random() * (max - min + 1) + min);
break;
case 3:
return (Math.random() * (max - min) + min).toFixed(decimalNum);
break;
default:
return Math.random();
break;
}
}
</script>
HTML部分
然后需要在a标签中添加onclick事件调用合成的链接地址:
<a href="" onclick="myFunction(this)">点击进入随机地址</a>
演示地址:点击查看演示