Location、history对象方法

最新推荐文章于 2022-09-27 15:32:45 发布

ES6

最新推荐文章于 2022-09-27 15:32:45 发布

阅读量1k

点赞数

分类专栏： DOM，BOM js编程

本文链接：https://blog.youkuaiyun.com/weixin_48340600/article/details/108752930

版权

DOM，BOM 同时被 2 个专栏收录

14 篇文章

订阅专栏

js编程

12 篇文章

订阅专栏

本文详细介绍了JavaScript中的Location对象及其属性和方法的应用，如href和search属性的使用，以及assign、replace和reload方法的作用，并展示了如何通过实例操作URL参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Location（window）对象

1、href属性

获取整个URL地址

2、search属性

获取地址栏中的参数（？之后以及包括？）

例：我们在一个页面上利用表单的get方式发送数据到另一个页面上

<body>
    <form action="index.html">
        用户名： <input type="text" name="uname">
        <input type="submit" value="登录">
    </form>
</body>

在另一个页面上通过location.search获取参数，再利用数组方法取出数据

<script>
        console.log(location.search); // ?uname=andy
        // 1.先去掉？  substr('起始的位置'，截取几个字符);
        var params = location.search.substr(1); // uname=andy
        console.log(params);
        // 2. 利用=把字符串分割为数组 split('=');
        var arr = params.split('=');
        console.log(arr); // ["uname", "ANDY"]
        var div = document.querySelector('div');
        // 3.把数据写入div中
        div.innerHTML = arr[1] + '欢迎您';
</script>