天天看点

js:location对象(location对象的属性、方法)

1、概念

(1)window对象

window对象给我们提供了location属性用于获取或设置窗体的url,并且可以解析url,因为这个属性返回的是一个对象,所以我们也将这个属性称为location对象。

(2)URL

URL即统一资源定位符,是互联网上标准资源的地址,互联网上的每一个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该如何去处理它

js:location对象(location对象的属性、方法)

 (3)location的属性

js:location对象(location对象的属性、方法)

href:获取或者设置整个url

host:返回WEB主机的域名

port:端口号

pathname:路径,返回当前页面的路径和文件名

search:参数

hash:返回片段,#后面的内容

location.protocol 返回所使用的 web 协议

这些属性在书写的时候可以省略最前面的window

2、href实现页面跳转

(1)给href属性设置一个url:

 点击按钮后触发onclick事件,实现了页面的跳转,其他的页面跳转方式还有表单提交的跳转、文字或图片链接方式的跳转等。

 (2)五秒钟跳转页面

3、在不同页面传递数据

在页面一书写表单:

在第二个页面获取数据:

js:location对象(location对象的属性、方法)

4、location对象的方法

(1)assign方法

js:location对象(location对象的属性、方法)

 assign方法实现的页面跳转,跳转后的页面是可以点击返回按钮返回到原始页面的。

(2)replace方法

js:location对象(location对象的属性、方法)

 不可返回原始页面,因为是替换原始页面,不能记录原始页面的信息

(3)reload方法

js:location对象(location对象的属性、方法)

重新加载页面,相当于浏览器的刷新

每个人都会有一段异常艰难的时光 。

生活的压力 , 工作的失意 , 学业的压力。

爱的惶惶不可终日。

挺过来的 ,人生就会豁然开朗。

挺不过来的 ,时间也会教你 ,怎么与它们握手言和 ,所以不必害怕的。

——杨绛