2

window location href(windowlocationhref用法)

这里假定是说说window.location.href的用法和作用。

1、什么是window.location.href?

window.location.href是获取当前浏览器URL地址栏中的内容,拿到的是一个字符串,它的原型是Location.href。

2、window.location.href的作用

(1) 读取当前窗口的位置,我们可以用它来获取当前页面的URL。

(2) 通过设置 window.location.href,可以使浏览器重定向到指定的页面,实现页面跳转。

3、window.location.href的示例代码

(1) 读取当前的URL

var currentUrl = window.location.href;

console.log(currentUrl);

(2) 为当前页面刷新

window.location.href = https://czxt.haoyundao.net/window.location.href;

(3) 页面跳转

window.location.href =https://czxt.haoyundao.net/"http://www.example.com";

以下是为window.location.href用法的说明:

1、 window.location.href 属性可以获取与设置当前页面的 URL。这个属性可以解析当前的 URL,返回相关信息,如域名、路径、协议等;

2、 window.location.href获取当前页面的 URL:window.location.href可以获取当前页面的 URL,包括查询字符串参数和锚点;

3、 window.location.href设置当前页面的 URL:window.location.href可以设置当前页面的 URL,可以把浏览器地址栏中的 URL 设置为一个新的 URL,通过设置该属性,可以使浏览器跳转到新的页面;

4、 window.location.href 同时支持相对路径和绝对路径,如果指定的 URL 是相对路径,浏览器会把 URL 转换为绝对路径,再加载网页;

5、 window.location.href可以用来做页面的跳转,例如,从登录页面跳转到首页,可以使用window.location.href来实现;

6、常用的 window.location.href 的 API 如下: windows.location.href 返回当前页面的 URL; window.location.assign() 跳转到新的 URL; window.location.replace() 替换当前页面,并跳转到新的 URL; window.location.reload() 刷新当前页面;

7、使用 window.location.href 时要注意一下几点: 指定的 URL 必须是正确的,否则会导致网页无法加载; 如果URL指定的页面需要验证,使用window.location.href可能会出现验证错误的情况; window.location.href 并不会阻止浏览器的后退操作。

8、window.location.href也可以用来实现跨域请求,在跨域请求中使用 window.location.href,将数据放在URL中,通过浏览器访问不同域名下的页面,将数据返回到原始页面。

本文来自网络,不代表本站立场。转载请注明出处: https://tj.jiuquan.cc/a-2218002/
1
上一篇GESHIZHUANHUAN(格式转换软件哪个好用)
下一篇 白金会员(白金会员和超级会员区别)

为您推荐

联系我们

联系我们

在线咨询: QQ交谈

邮箱: alzn66@foxmail.com

关注微信

微信扫一扫关注我们

返回顶部