window.location属性的应用

1、window.location.href 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 (8080 或 5443,当端口号为80时,返回值为空字符串)
  • location.protocol 返回所使用的 web 协议(http: 或 https:)
这四项的获取,完全可以使用string.split()截取 window.location.href来获取。

2、window.location.assign(url) : 加载 URL 指定的新的 HTML 文档。 就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。
3、window.location.replace(url) :通过加载 URL 指定的文档来替换当前文档 ,这个方法是替换当前窗口页面,前后两个页面共用一个
窗口,所以是没有后退返回上一页的。

window.location.assign(url)在使用上等于window.location.href=url

replace函数在设置URL方面与location的href属性或assign函数完全一样,但是它会删除history对象的地址列表中的URL,从而使go或back等函数无法导航。

4、location.reload([bForceGet]) 该方法强迫浏览器刷新当前页面。 
参数:bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 【Ctrl】+【F5】("强制刷新") 

在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面,
所以页面的method="post"的时候,会出现“网页过期”的提示。那是因为Session的安全保护机制。可以想到: 当调用 location.reload() 方法的时候,
aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。如果有这种应用: 我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建, 
我们期望是 Not IsPostback 的。这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。
你可以这么写: location.replace(location.href) 


下面是相关的应用与知识点: 
window.location.href 
window.top.location.replace("http://www.jb51.net") 
top.location.href("http://www.jb51.net") 
window.navigate ("http://www.jb51.net") 
Html: 
<meta http-equiv="Refresh" content="0; url=http://baidu.com/" > 
--------------------------------------- 
URL即:统一资源定位符 (Uniform Resource Locator, URL) 
完整的URL由这几个部分构成: 
scheme://host:port/path?query#fragment 
scheme:通信协议 
常用的http,ftp,maito等 
host:主机 
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。 
port:端口号 
整数,可选,省略时使用方案的默认端口,如http的默认端口为80。 
path:路径 
由零或多个"/"符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。 
query:查询 
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用"&"符号隔开,每个参数的名和值用"="符号隔开。 
fragment:信息片断 
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.) 
对于这样一个URL 
http://www.jb51.net:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere 

我们可以用javascript获得其中的各个部分 
1, window.location.href 
整个URl字符串(在浏览器中就是完整的地址栏) 
本例返回值: http://www.jb51.net:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere 
2,window.location.protocol 
URL 的协议部分 
本例返回值:http: 
3,window.location.host 
URL 的主机部分 
本例返回值:www.jb51.net 
4,window.location.port 
URL 的端口部分 
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符 
本例返回值:"" 
5,window.location.pathname 
URL 的路径部分(就是文件地址) 
本例返回值:/fisker/post/0703/window.location.html 
6,window.location.search 
查询(参数)部分 
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值 
本例返回值:?ver=1.0&id=6 
7,window.location.hash 
锚点 
本例返回值:#imhere


### 回答1: "window.location.replace" 是 JavaScript 中的一个方法,它可以用来替换当前网页的地址为新的地址。不同于 "window.location.assign" 方法,它会禁止用户使用浏览器的 "后退" 按钮来回到之前的页面。 ### 回答2: window.location.replace是JavaScript语言中的一个方法,它用于在浏览器中跳转到一个新的URL,并且替换当前的访问历史。具体来说,它会立即跳转到指定的URL,而不会在浏览器历史记录中保留当前页面的访问记录。 使用window.location.replace方法可以实现以下功能: 1. 页面重定向:可以通过将一个完整的URL字符串作为参数传递给replace方法,来跳转到指定的页面。例如:window.location.replace("http://example.com")。浏览器会立即加载新的URL,并且将其显示在当前窗口或标签页中,同时不会保留原页面的访问历史。 2. 刷新当前页面:如果将window.location.replace方法应用于当前页面的URL,那么它会强制重新加载当前页面。这个功能通常用于在用户执行某些操作后需要刷新页面的情况下。例如:window.location.replace(window.location.href)。 3. 重新加载到历史记录中的某个页面:可以使用window.location.replace方法配合浏览器的历史记录来实现页面的回退或前进功能。通过传递一个负数作为参数,例如:window.location.replace(-1),可以加载到浏览器历史记录中的上一个页面。同理,传递一个正数作为参数,例如:window.location.replace(1),可以加载到下一个页面。 需要注意的是,使用window.location.replace方法进行页面跳转时会立即丢失当前页面的所有状态和数据。因此,在使用该方法时,应该谨慎考虑是否需要保存当前页面的状态,并确保在必要时进行数据的持久化。 ### 回答3: window.location.replace用于在浏览器中替换当前页面的URL,并且不会在浏览器的历史记录中生成新的条目。 当我们使用window.location.replace时,浏览器会加载指定的URL,并且在加载完成后,当前页面的URL会被替换为新的URL,页面内容会随之改变。 窗口位置对象(window.location)是一个包含当前URL信息的对象。它有许多属性,例如href, protocol, host, pathname等,我们可以通过修改这些属性来改变当前页面的URL。 使用window.location.replace,我们可以通过给该方法传递一个新的URL来加载一个新的页面并替换当前页面的URL。这个方法的效果与使用window.location.href = newUrl是相同的。 与window.location.href不同的是,window.location.replace不会在浏览器的历史记录中生成新的条目,这意味着用户不能通过点击浏览器的“返回”按钮返回到之前的页面。 当我们想要在不生成新的浏览历史记录的情况下替换当前页面的URL时,window.location.replace是一个很好的选择。但是,我们需要注意的是,一旦执行了window.location.replace,之前页面的状态和数据都会丢失,无法回退到之前的状态。 总结:window.location.replace是一个用于在浏览器中替换当前页面的URL的方法,不会在浏览器的历史记录中生成新的条目。它可以通过加载一个新的URL来替换当前页面,并且适用于在不生成新的浏览历史记录的情况下改变页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值