js页面跳转

失之一灵

于 2024-07-13 04:23:40 发布

阅读量1k

点赞数 7

本文链接：https://blog.csdn.net/m0_69801663/article/details/140392943

版权

最近，自己学习前端时发现有趣的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>

运行效果如下：

我们也可以把王者官网换成其他网站，可以换成烟花代码运行的网站，或者是表白代码运行的网站，或者是生日运行代码的网站。网上有许多的烟花、表白、生日等多种不一样的代码，可以借鉴后把那个运行时的代码网站与我写的王者代码替换即可。当然，有些大佬可以自己写出。

失之一灵

关注

7
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js页面跳转

我们也可以把王者官网换成其他网站，可以换成烟花代码运行的网站，或者是表白代码运行的网站，或者是生日运行代码的网站。网上有许多的烟花、表白、生日等多种不一样的代码，可以借鉴后把那个运行时的代码网站与我写的王者代码替换即可。当然，有些大佬可以自己写出。最近，自己学习前端时发现有趣的js跳转页面，下面和大家分享小知识。网上有许多跳转方法，我只选择了一种。
复制链接

扫一扫