温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

js中location对象方法怎么使用

发布时间:2022-06-02 16:53:18 来源:亿速云 阅读:575 作者:iii 栏目:大数据

本篇内容主要讲解“js中location对象方法怎么使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js中location对象方法怎么使用”吧!

1、location对象方法

是一个URL操作方法,表示载入窗口的URL;

是window对象和document对象的属性,可以通过window.location属性来访问;

可以获取URL的参数并解析URL。

2、使用语法

location.[属性|方法]

3、locatio对象常用属性

console.log(location.hash);
console.log(location.host);
console.log(location.hostname);
console.log(location.href);
console.log(location.pathname);
console.log(location.port);
console.log(location.protocol);
console.log(location.search);

4、使用js中location对象方法获取URL参数

    <div></div>
<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>

到此,相信大家对“js中location对象方法怎么使用”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI