HTML+JS实现页面跳转

代码

话不多说，先上代码，该代码极其简单，可在我的GitHub中下载，链接在此

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面跳转</title>
    <script>
        function pageJump() {
            window.location.assign('http://www.baidu.com');
        }
    </script>
</head>
<body>
    <input type="button" value="页面跳转" onclick="pageJump()" />
</body>
</html>

关键代码解释

window.location.assign(url)

该方法可以加载一个新的文档。

其中window.location.assign(url)和window.location.href=url实现功能是一样的，都是跳转到网址，只是用法稍微不同。最大的不同是，window.location.assign(url)会添加记录到浏览历史，点击后退可以返回之前页面，而window.location.href=url则不行。

结果展示

在这里插入图片描述
点击页面跳转按钮，该页面将跳转 ‘http://www.baidu.com’ ，结果如下所示

在这里插入图片描述

来源：CSDN

作者：BigData_宇

链接：https://blog.csdn.net/qq_43198568/article/details/104346922

标签

location

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!