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教程。

本教程操作环境:windows7系统、java10版,DELL G3电脑。

以上是 js中如何理解location对象方法 的全部内容, 来源链接: utcz.com/z/542591.html

回到顶部