开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

location.href不工作(重新加载同一页面)

location.href是JavaScript中的一个属性，用于获取或设置当前页面的URL地址。当设置location.href时，浏览器会加载新的URL并跳转到该页面。

如果在同一页面中重新加载页面，可以使用以下方法：

使用location.reload()方法：该方法会重新加载当前页面，并且会从服务器重新获取页面内容。可以通过设置参数来控制是否从缓存中获取页面内容。例如，location.reload(true)会强制从服务器重新获取页面内容。
使用location.assign()方法：该方法会加载一个新的URL，并替换当前页面的URL。可以将当前页面的URL作为参数传递给该方法，以实现重新加载同一页面的效果。例如，location.assign(location.href)会重新加载当前页面。
使用location.replace()方法：该方法会加载一个新的URL，并替换当前页面的URL，但是不会在浏览器的历史记录中生成新的记录。可以将当前页面的URL作为参数传递给该方法，以实现重新加载同一页面的效果。例如，location.replace(location.href)会重新加载当前页面。

总结：

location.href属性用于获取或设置当前页面的URL地址。
若要在同一页面中重新加载页面，可以使用location.reload()、location.assign()或location.replace()方法。
这些方法可以通过将当前页面的URL作为参数传递给它们来实现重新加载同一页面的效果。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai
物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/metaverse

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

vue 重新加载页面_页面重新加载

Vue刷新页面重新加载问题描述在加载同一路由页面的时候，vue的页面默认是不刷新的，需要重新加载数据解决方案修改App.vue 在路由视图上添加一个变量isRouterAlive判断显示实现重新加载...-- --> /* 这个脚本主要是用来刷新页面的 *...this.isRouterAlive = true }) } }, components:{ } } 在需要刷新的页面修改代码...$message({type: "error",message: "加载数据出错:"+err, }) }); } } 版权声明：本文内容由互联网用户自发贡献，...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

4.6K1 0

用jquery刷新或重新加载页面

2015-05-23 06:25:28 在网页开发过程中，经常会遇到需要重新加载或刷新页面，下面我来说一下如果通过jq来刷新或重新加载页面，来看代码。

7K1 0

js中click事件导致当前页面重新加载

if(reason == ""){ tips("提示","请填写驳回原因"); return ; } 本意是计划用户不输入任何信息时，直接返回，但是实际结果却是没有任何提示而页面却无故重新加载...，导致这个问题的原因是上面标红部分，上面标红部分的作用类似于return true，这句话就会导致当前页面重新加载，下面是正确的代码： $("#verifyFailConfirm").click(function

7.4K3 0

Android webview旋转屏幕导致页面重新加载问题解决办法

Android webview旋转屏幕导致页面重新加载问题解决办法 1.

2K1 0

前端测试题:(解析)下列JavaScript语句中不能重新加载页面或导航到新页面的有?

操作题发散度: ★ 试题难度: ★ 解题: BOM(Browser Object Model-浏览器对象模型)，整个浏览器窗口，我们可以运用该对象里的api来控制标签页，比如刷新、前进、后退、改变页面地址...location：用于获得当前页面的地址。 window.location; //对象其它方法对网页来说,都要重新更新与加载,只有参数的改变,不会重新加载页面.

5814 0

JavaScript(九)

这个方法可以接收 4 个参数: 要加载的 URL、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值。...另外，修改 location 对象的其他属性也可以改变当前加载的页面。每次修改 location 的属性(hash 除外)，页面都会以新 URL 重新加载。...在调用 replace() 方法之后，用户不能回到前一个页面。与位置有关的最后一个方法是 reload()，作用是重新加载当前显示的页面。...如果调用 reload() 时不传递任何参数，页面就会以最有效的方式重新加载。如果要强制从服务器重新加载，则需要像下面这样为该方法传递参数 true。...location.reload(); //重新加载(有可能从缓存中加载) location.reload(true); //重新加载(从服务器重新加载) 位于 reload() 调用之后的代码可能会也可能不会执行

1.1K4 0

JavaScript——location对象

一般用来表示主机上的一个目录或文件地址 query 参数以键值对的形式，通过&符号分隔开来 fragment 片段 #后面内容常见于链接锚点 location对象的属性 location对象属性返回值 location.href...); //获取链接 location.href = 'http://www.yuezeyi.com'//跳转页面 }) var timer =...5; setInterval(function () { if (timer == 0) { location.href = 'http...（也称为重定向页面） location.replace() 替换当前页面，因为不记录历史，所以不能后退页面 location.reload() 重新加载页面，相当于刷新按钮或者F5如果参数为true强制刷新...//记录浏览历史，可以实现后退功能 location.assign('http://www.yuezeyi.com'); //不记录浏览历史

5133 0

深入分析IE地址栏内容泄露漏洞

不，当然不是，下面让我们来看看IE是如何让攻击者做出魔幻般的事情的。摘要当脚本在object-html标签内执行时，位置对象将获得焦点并返回主位置，而不是它自己的位置。...继承的窗口成员让我们重新回到较旧的documentMode，寻找一种利用这个混淆漏洞的方法，不过事情貌似并不那么糟糕，因为跨域限制仍然存在，而且X-FRAME-OPTIONS头部的工作效果非常好。...在IE上进行测试再次重申，这个混淆漏洞本身是没有用的，因为我们仍然在同一个域。即使我们可以找到一个顶层的位置，只要我们在同一个域，那也没有多大意思。为此，我尝试改变对象的位置，但没有成功。...换句话说，如果我们在用户离开主页面的同时检索对象的location.href，我们将能够知道她在地址栏中输入的内容，或者如果点击链接，我们将会获悉浏览器要链接的地址。...这里，我们只是中断新站点的加载并展示用户的URL。当然，如果是攻击者的话，他们会直接回填地址并加载站点，并且这一切对于用户来说都是透明的。

6645 0

JavaScript 高级程序设计（第 4 版）- BOM

q=javascript#contents 当前加载页面的完整URL。...或window.location设置一个URL，实际还是以同一个URL值调用assign()方法常见的是设置location.href，除了hash外，设置location的一个属性就会导致页面重新加载新...URL 如果不希望增加历史记录，可以使用replace()方法，重定向后后退按钮是禁用状态 reload() 能重新加载的当前显示的页面。...空参可能会从缓存加载，传参true可强制从服务器重新加载 # navigator对象 navigator 对象的属性通常用于确定浏览器的类型检测插件通过plugins数组来确定，数组中每一项都包含如下属性...hashchange 会在页面 URL 的散列变化时被触发，开发者可以在此时执行某些操作。状态管理 API 则可以让开发者改变浏览器 URL 而不会加载新页面。

1.2K1 0

【前端基础篇】JavaScript之BOM介绍

Location 对象 location对象包含当前URL的信息，并允许你操作浏览器跳转页面、重新加载页面等。...location.assign(): 加载一个新的URL，与直接设置location.href类似，但不会刷新页面。...location.reload(): 重新加载当前页面，类似于用户点击浏览器的刷新按钮。可以通过传递true强制从服务器重新加载。...history.go(-1); // 后退1页 history.pushState() 将URL添加到历史记录中，但不会重新加载页面。...page=1"); history.replaceState() 修改当前历史记录条目的URL，但不会重新加载页面。

841 0

深入分析IE地址栏内容泄露漏洞

不，当然不是，下面让我们来看看IE是如何让攻击者做出魔幻般的事情的。摘要当脚本在object-html标签内执行时，位置对象将获得焦点并返回主位置，而不是它自己的位置。...继承的窗口成员让我们重新回到较旧的documentMode，寻找一种利用这个混淆漏洞的方法，不过事情貌似并不那么糟糕，因为跨域限制仍然存在，而且X-FRAME-OPTIONS头部的工作效果非常好。...在IE上进行测试再次重申，这个混淆漏洞本身是没有用的，因为我们仍然在同一个域。即使我们可以找到一个顶层的位置，只要我们在同一个域，那也没有多大意思。为此，我尝试改变对象的位置，但没有成功。...换句话说，如果我们在用户离开主页面的同时检索对象的location.href，我们将能够知道她在地址栏中输入的内容，或者如果点击链接，我们将会获悉浏览器要链接的地址。...这里，我们只是中断新站点的加载并展示用户的URL。当然，如果是攻击者的话，他们会直接回填地址并加载站点，并且这一切对于用户来说都是透明的。

85210 0

javascript页面刷新的几种方法

%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不刷新 2 location.reload() 要重新连服务器以读得新的页面(虽然页面是一样的) 刷新 3 location...=location 要在javascript中导航，不是调用window对象的某个方法，而是设置它的location.href属性，location属性是每个浏览器都支持的。...οnclick=”javascript:window.location.href=’#top’”>top 执行后有后退、前进 4 location.assign(location) 加载...7 location.replace(location) 执行后无后退、前进通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的...8 document.URL=location.href Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location

5.2K1 0

BOM

换言之，window.location和document.location引用的是同一对象。示例：http://blog.csdn.net/ligang2585116?...://blog.csdn.net/ligang2585116"; 修改location对象的其他属性也可以改变当前加载的页面。...每次修改location的属性（hash除外），页面都会以新URL重新加载！！浏览器的历史记录中会生成一条记录，点击“后退”按钮会导航到前一个页面。...（有可能从缓存中加载） location.reload(true); // 重新加载（从服务器重新加载）注意：不传递参数时，页面会以最有效的方式重新加载。...如果页面自上次请求以来并没有改变过，页面就会从浏览器缓存中重新加载。传递参数true，会强制从服务器重新加载。三、navigator对象识别客户端浏览器的实际标准。

9303 0

js刷新当前页面方法

语法： location.replace(URL) 在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。...如果有这种应用：我们需要重新加载该页面，也就是说我们期望页面能够在服务端重新被创建，我们期望是 Not IsPostback 的。这里，location.replace() 就可以完成此任务。...被replace的页面每次都在服务端重新生成。...你可以这么写： location.replace(location.href); 返回并刷新页面： location.replace(document.referrer); document.referrer...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

12K2 0

在javascript中实现freameset 框架页面的跳转

例如： response.redirect(“Exam.aspx”); ②sever.execute 这个方法主要是用在页面设计上面，而且他必须是跳转同一站点下的页面。...name=zhangsan”,true); 目标页面和原页面可以在同一个服务器上。跳转向新的页面，原窗口被代替。波球论坛浏览器中的URL为原路径不变。...address=beijing); 目标页面和原页面可以在同一个服务器上。跳转向新的页面，再跳转会原页面。浏览器中的URL为原路径不变。...当指定的ASPX页面执行完毕，控制流程重新返回原页面发出Server.Execute调用的位置。...:P) （二）、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？　在被打开的网页里加上就可以了。

2.3K2 0

简说H5与App如何通讯

由于小编我半路转行当程序猿，只对前端领域有所了解，对其他编程领域接触较少，故不探讨Webview的实现原理和与H5页面交互的原理。...❝优点 ❞ H5页面交由前端进行开发，页面模块之间分开开发和维护，有效减少App的开发周期 H5页面不受限于应用商店繁琐的审核流程和冗长的等待时间，新增页面和功能、修复缺陷都可随时部署到线上 H5页面在有需要时才加载...msg=页面加载完毕"; // 通知App } render() { return ( ...(下一个location.href接着上一个location.href)，App可能只会接收到一个location.href发出的通知，所以需要对下一个location.href使用setTimeout...this.setState(prevState => ({ list: prevState.list.concat(num); })); } } 以上在组件加载完成后通过

1.4K3 0

H5与App的通讯方式

由于小编我半路转行当程序猿，只对前端领域有所了解，对其他编程领域接触较少，故不探讨Webview的实现原理和与H5页面交互的原理。...优点 H5页面交由前端进行开发，页面模块之间分开开发和维护，有效减少App的开发周期 H5页面不受限于应用商店繁琐的审核流程和冗长的等待时间，新增页面和功能、修复缺陷都可随时部署到线上 H5页面在有需要时才加载...msg=页面加载完毕"; // 通知App } render() { return ( ...(下一个location.href接着上一个location.href)，App可能只会接收到一个location.href发出的通知，所以需要对下一个location.href使用setTimeout...this.setState(prevState => ({ list: prevState.list.concat(num); })); } } 以上在组件加载完成后通过

1.6K3 0

js刷新当前页面的5种方式

强制刷新当前页面 1、reload　– 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet，可选参数，默认为 false，...location.replace(location.href); //在服务端重新生成当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在，因此必定是 IsPostback...如果有这种应用：需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的。这里，location.replace() 就可以完成此任务。...被replace的页面每次都在服务端重新生成。...location.assign(location) 6，document.execCommand(‘Refresh‘) 7，window.navigate(location) 8，document.URL=location.href

10.1K4 0

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法

"window.location.href"、"location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转...."top.location.href" 是最外层的页面跳转....举例说明：如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.location.href"、"location.href..."：D页面跳转 "parent.location.href"：C页面跳转 "top.location.href"：A页面跳转如果D页面中有form的话, : form提交后...D页面跳转 : form提交后弹出新页面 : form提交后C页面跳转 : form提交后A页面跳转如果访问的是iframe里面的页面，重新加载最外层的页面

2K2 1

Location对象

Location对象是window对象的一部分，应该百分之百的前端开发用过这个对象，但几乎所有人也都是仅仅使用location.href。...属性：location.href 可读可写，设置或返回当前的URL地址。属性：location.host 可读可写，设置或返回当前 URL 的主机名称和端口号。...属性：location.href 可读可写，设置或返回 URL 的锚部分（从 # 号开始的部分）。属性：location.port 可读可写，设置或返回 URL 的端口号。...方法：location.assign(url) 加载新的文档，其实就是跳转新的地址。...上面所有的属性和方法的设置都会刷新页面，在一些业务场景下会非常有用，比如单页面应用，参数改变，单页面是不会重新执行生命周期的，使用search方法就能刷新页面，或者跳转也是，我们希望重定向，又不希望浏览器记住历史记录

4811 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭