JavaScript学习（六）
一、location对象
作用：location是window对象的一个属性，本身也是对象类型，它的作用是用来获取文档对象的相关信息，如文档的URL地址信息。
二、location对象常用的属性：
1）href属性
作用：获取或设置窗口中的url地址信息
获取格式：window.location.href
更改的格式：window.location.href=新的地址信息;
注意：在使用href属性修改url地址薪资时会产生浏览记录
2） protocol属性
作用：获取url地址中的协议部分
格式：location.protocol
3)host属性
作用：获取地址中的主句名和端口号(如果有)
格式：location.host
4)hostname属性
作用：获得主机名（不带端口号）
格式：location.hostname
5)port属性
作用：获取地址中的端口号
格式：window.location.prot
6)pathname属性
作用：获取或者设置当前文件在服务器的位置，即所在的文件夹
获取格式：location.pathname
设置格式：location.pathname=新的路径;
7)search属性
作用：获取和设置向服务器传递的数据参数，即获取地址中？和？后面的信息
格式：location.search
//获取url地址
console.log(window.location.href);
//获取地址中的协议
console.log(window.location.protocol);
//获取主机名和端口号
console.log(window.location.host);
//获取端口号
console.log(window.location.port);
//获取主机名
console.log(window.location.hostname);
//获取当前文件在服务器的路径（即所在的文件夹）
console.log(window.location.pathname);
//获取url地址后面？以及它后面的参数信息
console.log(window.location.search);
(二）、location对象常用的方法
1）assign方法
作用：更改url地址
格式：window.location.assign(“新的地址”);
注意：会产生浏览记录
2）replace方法
作用：替换url地址
格式：window.location.replace(‘新的地址’);
注意：不会产生浏览记录
3）reload方法
作用：刷新页面，重新加载
格式：location.reload(参数);
注意：参数为true(表示从服务器中重新加载页面)、false(默认，表示从浏览器的缓存中读取页面)
三、screen对象
screen作用：该对象的作用是用来获取浏览器所在屏幕的相关信息。
常用的属性如下：
1）availWidth：返回去除任务栏（任务栏在屏幕的左右两侧时）之后的屏幕的宽度
2）availHeight：返回去除任务栏（任务栏在屏幕的上下两端时）之后的屏幕的高度
3）width：返回屏幕的实际宽度，不需要减掉任务栏的高度
4）height： 返回屏幕的实际高度，不需要减掉任务栏的高度
5）availLeft：返回未被滚动条占用的距离左侧的距离
6）availTop：返回未被滚动条占用的距离顶端的距离
console.log(window.screen.availWidth);
console.log(window.screen.availHeight);
console.log(window.screen.width);
console.log(window.screen.height);
console.log(window.screen.availLeft);
console.log(window.screen.availTop);
四、history对象
作用：该对象的作用是用来操作浏览记录，包含的属性和方法如下：
1）、length属性
作用：获取浏览记录的个数
格式：window.history.length
注意：在谷歌浏览器中如果没有记录，那么length的值为1，IE低版本浏览器中length的初始值为0。
2）、back方法
作用：实现后退效果
格式：window.history.back();
3）、forward方法
作用：实现前进效果
格式：window.history.forward();
4）、go方法
作用：实现后退或前进指定的页面
格式1：window.history.go(正数)表示前进到指定的浏览记录;
格式2：window.history.go(负数)表示后退到
五、navigator方法
作用：是对浏览器进行检测的，即获取一些浏览器的相关信息，常用的属性如下：
1）userAgent
作用：可以使用该属性判断用户是否使用移动端设备打开的页面
格式：window.navigator.userAgent
注意：如果结果中有mobile关键字则表示用户是使用移动端设备打开的该页面
console.log(window.navigator.userAgent);
转载：https://blog.csdn.net/m0_46374969/article/details/115363494