技术文章 > Web开发 >  JavaScript > 正文

js中如何理解location对象方法

宋宋大人

在使用JavaScript开发的过程中,浏览器对象模型中最有用的对象之一就是location,它是window对象和document对象的属性,是是一个URL操作方法,可以获取URL的参数并解析URL。本文主要介绍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对象方法的介绍,希望能帮到你哦~更多js学习推荐:js教程

免费视频教程
本文原创发布python学习网,转载请注明出处,感谢您的尊重!
相关文章
 python中pandas_datareader库怎么用?
 python中如何编写函数并调用?
 Python如何自动生成考试试卷?
 如何使用python生成word合同?
 Python jieba库分词模式怎么用?
相关视频章节
 Python蟒蛇绘制代码分析
 安装Python
 python注释
 python编码规范
视频教程分类