最近,自己学习前端时发现有趣的js跳转页面,下面和大家分享小知识。
网上有许多跳转方法,我只选择了一种。如下代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button>去到其他网页</button>
<button>关闭</button>
<script>
// js实现页面跳转
var btn = document.getElementsByTagName("button")
var time = 5
btn[0].onclick = function () {
time1 = setInterval(function () {
if (time > 0) {
btn[0].innerText = "我还有" + time + "秒进入王者官网"
time--
} else {
//新建了一个标签页打开
// window.open("https://pvp.qq.com/cp/a20170829bbgxsm/")腾讯视频官网
// 当前页打开网页
window.location.href = "https://pvp.qq.com/cp/a20170829bbgxsm/"
}
}, 1000)
}
btn[1].onclick=function () {
//当前页面的窗口对象
// close()
clearInterval(time1)
btn[0].innerText = "去到其他网页"
time=5
}
</script>
</body>
</html>
运行效果如下:
我们也可以把王者官网换成其他网站,可以换成烟花代码运行的网站,或者是表白代码运行的网站,或者是生日运行代码的网站。网上有许多的烟花、表白、生日等多种不一样的代码,可以借鉴后把那个运行时的代码网站与我写的王者代码替换即可。当然,有些大佬可以自己写出。