BOM中的location对象之跳转页面的属性

最新推荐文章于 2022-08-25 19:43:36 发布

原创最新推荐文章于 2022-08-25 19:43:36 发布 · 372 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

69 篇文章

订阅专栏

本文介绍了JavaScript中的Location对象，它是Window对象的一部分，主要关注它的三个重要属性：assign()、reload()和replace()，分别用于加载新文档、重新加载当前文档和替换当前文档。示例代码演示了如何使用这些方法进行页面操作。

Location 对象是 Window 对象的一个部分
Location中的三个重要属性都有跳转页面的作用
属性描述
assign() 加载新的文档。
reload() 重新加载当前文档。
replace() 用新的文档替换当前文档。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        // location Location 对象是 Window 对象的一个部分
        
        // 属性	            描述
        // assign()	    加载新的文档。
        // reload()	    重新加载当前文档。
        // replace()	用新的文档替换当前文档。
        // console.log(window.location);

        location.reload();

        //通过js进行页面跳转 三个方法
        //  location.replace('http://www.jd.com');
        //  location.assign('http://www.jd.com');
        //  location.href='http://www.jd.com';
    </script>
</body>
</html>