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('起始的位置',截取几个字符);
varparams=location.search.substr(1);//uname=andy
console.log(params);
//2.利用=把字符串分割为数组split('=');
vararr=params.split('=');
console.log(arr);//["uname","ANDY"]
vardiv=document.querySelector('div');
//3.把数据写入div中
div.innerHTML=arr[1]+'欢迎您';
</script>

以上就是关于js中location对象方法的介绍,希望能帮到你哦~更多js学习推荐:js教程。

原文来自:https://www.py.cn
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容