HTML+JS实现页面跳转

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’ ,结果如下所示

在这里插入图片描述

发布了20 篇原创文章 · 获赞 22 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_43198568/article/details/104346922