JavaScript重定向

最新推荐文章于 2022-05-10 18:05:12 发布

LPLIFE

最新推荐文章于 2022-05-10 18:05:12 发布

阅读量1.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/LPLIFE/article/details/83834222

版权

JavaScript 专栏收录该内容

76 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        /*
         * JavaScript实现页面跳转重定向可以使用以下两种方法:
         * 1.window.location.replace("url");  定义:将地址替换成新url,该方法通过指定URL
         * 替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过"前进"和"后退"
         * 来访问已经被替换的URL,适用于:过渡页面
         * 2. window.location.href="url"; 类似于点击a标签的链接,跳转到指定的url,可"前进"和"后台"
         *
         *
         */
        function myfunction() {
            window.location.replace("https://www.runoob.com");
        }

        function myfunction2() {
            window.location.href = "https://www.runoob.com";
        }
        console.log(location.hostname); // 返回当前页面的路径和文件名
        console.log(location.pathname); //返回当前页面的路径和文件名
        console.log(location.port); //返回web主机的端口号
        console.log(location.protocol); //协议
        console.log(location.href); //返回当前页面的URL
    </script>
</head>

<body>
    <div>
        <button onclick="myfunction()">确定</button>
        <button onclick="myfunction2()">确定</button>
    </div>
</body>

</html>

LPLIFE

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JavaScript重定向

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
复制链接

扫一扫