开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

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

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

有帮助

没帮助

相关·内容

H5与App的通讯方式

现在不管是桌面客户端还是移动客户端，都会夹杂着一部分H5页面，这种混合式的应用也是我们常说的Hybrid App。为什么会出现Hybrid App呢，早期是因为开发一个Android或iOS的客户端，需要的人力成本比较大，开发周期比较长，后来有些团队就通过将部分页面拆分出来，由前端来完成，再通过在客户端里的Webview来展示。

03

简说H5与App如何通讯

现在不管是「桌面客户端」还是「移动客户端」，都会夹杂着一部分H5页面，这种混合式的应用也是我们常说的「Hybrid App」。为什么会出现「Hybrid App」呢，早期是因为开发一个Android或iOS的客户端，需要的人力成本比较大，开发周期比较长，后来有些团队就通过将部分页面拆分出来，由前端来完成，再通过在客户端里的Webview来展示。

03

分页数据渲染

th:attr="pn=${result.pageNum - 1}"：将当前页码-1给pn赋值

03

input标签属性:链接页面前进后退

<input> 标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

02

javascript页面刷新的几种方法[通俗易懂]

window.location.reload()，window.history.go(0)和document.execCommand(”Refresh”)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法： 1 history.go(0) 除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不刷新 2 location.reload() 要重新连服务器以读得新的页面(虽然页面是一样的) 刷新 3 location=location 要在javascript中导航，不是调用window对象的某个方法，而是设置它的location.href属性，location属性是每个浏览器都支持的。比如： top 执行后有后退、前进 4 location.assign(location) 加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。 5 document.execCommand(‘Refresh’) 6 window.navigate(location) MSDN说的window.navigate(sURL)方法是针对IE的，不适用于FF，在HTML DOM Window Object中，根本没有列出window.navigate方法。 7 location.replace(location) 执行后无后退、前进通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的 8 document.URL=location.href

01

HTML如何实现页面跳转(html跳转到指定页面)

window.history.go(-1)；或者window.history.back(-1)；

03

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

大家好，又见面了，我是你们的朋友全栈君。对于框架的跳转可以为： 1:window.parent.frames[“需要修改的框架”].location.href(“跳转的路径”); 2:window.parent.frames.item(框架在框架集数组中存放的位置).location.href(“跳转的路径”); 3：window.parent.frames.item(“需要修改的框架此为框架名称”).location.href(“跳转路径”); 4：window.parent.框架名称.location.href(“跳转路径”); 5：window.parent[“框架名称”].location.href(“跳转路径”);

02

js中页面刷新和页面跳转的方法总结

.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结文章分类:Web前端关键字: javascript js中页面刷新和页面跳转的方法总结 1.history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javasc

08

移动web开发中，好用的小方法

1.检查是否触屏设备 //此方法在chrome模拟手机的模式中似乎无效，但是在iphone中是有效的，在安卓中待测试 function isTouchDevice() { return ('ontouchstart' in document.documentElement); } 2.检测更多的设备和浏览器信息，靠的是ua信息 var browser={ versions:function(){ var u = navigator.userAgent, app = n

02

谷粒商城-高级篇(检索服务)

将资料中的前端页面放到 search 服务模块下的 resource/templates 下；

04

jsp button onclick事件汇总

<input onclick="document.all.WebBrowser.ExecWB(1,1)" type="button" value="打开" name="Button1"> <input onclick="document.all.WebBrowser.ExecWB(4,1)" type="button" value="另存为" name="Button2"> <input onclick="document.all.WebBrowser.ExecWB(10,1)" type="button"

02

JavaScript之BOM

一、什么是BOM？ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。二、Windows对象 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。所有浏览器都支持 window 对象。它表示浏览器窗口。所有

05

JavaScript(九)

这一篇，我们讲讲 BOM。ECMAScript 是 JavaScript 的核心，但如果要在 Web 中使用 JavaScript，那么 BOM(浏览器对象模型)则无疑才是真正的核心。 BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。

04

JavaWeb新闻信息数据维护——评论与回复以及分页

//其实评论与回复是差不多的（都需要一个表来存数据）所以我以评论为例（供参考） //这是一个doaddpl.sql代码， //防止乱码 request.setCharacterEncoding("utf-8"); //接收评论人的编号 Object id = session.getAttribute("uuid"); int uuid = (Integer)id;//强转 //评论人的IP String pip = request.getParameter("cip");

02

url的操作之pushState、replaceState和popstate

上一节我们说地址栏跳转的时候，谈到了浏览器会缓存用户访问url序列，我们可以通过浏览器的前进后退按钮或者通过js提供的方法，访问这个序列里的url，不过关于这一点上一节我们只说了window.history.go，这里补充两个方法。

02

BOM

BOM（浏览器对象模型）提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。

03

前端猿要了解的基本浏览器(BOM)知识

window 对象全局作用域这个不用多讲，前面已经接触过，所有在全局作用域定义的变量都会被当做 window 对象的属性，同时 Global 对象也是基于 window 对象的。需要注意的是，一般定义变量时，这个变量的四个数据属性都默认为 true（这个前面面向对象那里讲过），所以都是可以删除或者修改的。**可是不一样的地方就在全局作用域，在此作用域下定义的变量的数据属性之一 [[Configurable]]**默认为 false，这就导致无法删除，强行使用 delete 是无效的，在 IE9

01

session技术登陆+我的博客里面有核心解释

哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

02

javascript中的后退和刷新

<input type=button value=刷新 onclick=”window.location.reload()”> <input type=button value=前进 onclick=”window.history.go(1)”> <input type=button value=后退 onclick=”window.history.go(-1)”> <input type=button value=前进 onclick=”window.history.forward()”> <input type=button value=后退 onclick=”window.history.back()”> 后退+刷新<input type=button value=后退 onclick=”window.history.go(-1);window.location.reload()”>在C# Web程序中，如为页面按钮写返回上一页代码

01

Javaweb08-Ajax项目-分页条件查询 + 增删改

href='javascript:void(0);' 取消a标签的href属性；

04

BOM

BOM（浏览器对象模型）提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。

05

H5页面判断客户端是iOS或者Android并跳转对应链接唤起APP

每个客户端都会有自己的 UA （userAgent）标识，可以用 JavaScript 获取客户端标识。

03

[html学习记录]html实现返回上一页的几种方法(说白了都是用js)

今天写程序的时候有一个地方需求返回上一页，于是就去网上查了一下，发在这里记录一下。(本人菜鸟 )

07

window.location对象实现页面刷新

用户点击浏览器后退按钮后页面ajax没有更新,通过使用windowlocation对象的方法属性实现页面刷新并刷新数据 window.location.reload() 该方法使浏览器刷新当前页面。语法： location.reload() 参数：可选参数，默认为 false，从客户端缓存里取当前页进行F5刷新。 true, 则以GET 方式，从服务端取最新的页面, 相当于客户端点击 Shift + F5(“刷新”)。该方法在刷新时会事件: 如果有数据提交的话，会弹窗提示是否提交 bug: 安卓微

04

前端基础-浏览器对象模型

浏览器对象模型(Browser Object Model)–英文简称 BOM，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。我们使用JavaScript与浏览器交互的所有内容，均来自浏览器对象模型。

02

【JavaWeb】82：三种对话框和两种计时器

其中有三个参数：函数名（test），间隔的时间5000（ms），函数参数("孙飞亮")

02

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

bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

04

博客由Hexo转向Hugo

昨天(2019/12/11),感觉自己博客速度实在是太慢了,而主题太复杂则是我觉得速度太慢的主要原因.于是心血来潮,想给博客换一个主题,也找到了比较喜欢的(哎,我真是一个喜新厌旧的人.),无奈是hugo的,那还能怎么办,只好换了,还好二者兼容性很好.下面记下折腾中遇到的一些坑..

02

BOM 浏览器对象模型

原文链接：https://note.noxussj.top/?source=cloudtencent window 对象提示框 alert alert(1) 确认提示框 confirm var co

02

JS实现前进后退刷新的各种方法

这里介绍了JS前进、后台、刷新的各种方法。也解释了很多前进后退函数出问题的原因。下面是用按钮做前进后退的JS：

03

django ListView的使用 ListView中获取url中的参数值方式

我们写了一个select下拉菜单来进行选择分类，当我们选中某一个分类时，则跳转到相应的分类的商品的展示页面。

02

window location href页面跳转的几种用法及其延展「建议收藏」

如果页面中自定义了frame，那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开url地址。

01

JavaScript中window.open（）和Window Location href的区别

URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口

05

学员投稿 | iframe 解决跨域

天气降温，大家注意保暖~~~ 因为学习了腾讯课堂NEXT学院的前端进阶课程，所以打算把课程内容都总结一遍。有些都是很普通很常见的知识，但是为了巩固自己的知识面，梳理自己的知识树，所以每个知识点都会写成文章，所有文章都会放在公众号右下角的前端进阶课程总结中~~~也希望能够帮助到需要的人~~ 跨域的东西，简直不要接触太多，网上相关内容一抓一大把，但是突然学习到一个关于前端解决跨域的方式就是利用 iframe 不管你有没有了解过，反正我没有我觉得很有用并且容易忘，所以我记录下来哈哈哈下面

03

BOM 是个什么玩意！

BOM(Browser Object Model 即：浏览器对象模型)，描述与浏览器进行交互的方法和接口。

03

同一页面巧妙使用多个element-ui的upload组件

问题最近在使用SSR(服务器端渲染)方式引入vue+element-ui开发一个商城项目的时候遇到一个问题:因为商城的订单是可能包含多个商品,所以订单的评价涉及到同一个页面多组表单的异步提交(每一组表单包含评价内容和上传的多张图片) 由于element-ui的upload组件默认没有提供多个组件在同一页面绑定不同模型的接口,因此在网上搜了一下,搜到了这篇文章,文章中最后的建议是自己封装一个组件来调用upload组件,使用的时候直接调用自己封装的这个组件,但是项目时间紧迫,我这边希望更快的搞定这个问

04

js跳转界面

js页面跳转大全所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转，如我们打开的是A页面，通过javsrcipt脚本就会跳转到B页面。目前很多垃圾站经常用js跳转将正常页面跳转到广告页面，当然也有一些网站为了追求吸引人的视觉效果，把一些栏目链接做成js链接，但这是一个比较严重的蜘蛛陷阱，无论是SEO人员还是网站设计人员应当尽力避免。常用的JS页面跳转代码调用大全-马海祥博客很多站长在制作网站的时候，为了某种展示或SEO优化的目的，常常需要利用js跳转效果，所以对于一个站长或SE

07

PHP+MYSQL购物车：通俗易懂理解等你来哦+我的博客里面有核心解释

create table if not exists shop_goods( id int unsigned auto_increment key, gname varchar(50) not null unique, price decimal(10,2) not null default 0, number int unsigned not null default 0, pic varchar(50) NOT NULL DEFAULT 'jd.jpg' ); //购物需要的数据篇 <!DOC

04

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

# window对象 BOM 的核心是 window 对象，表示浏览器的实例。 window 对象在浏览器中有两重身份，一个是 ECMAScript 中的 Global 对象，另一个就是浏览器窗口的 JavaScript 接口。 # Global作用域通过 var 声明的所有全局变量和函数都会变成 window 对象的属性和方法 JavaScript 中有很多对象都暴露在全局作用域中 # 窗口关系 top对象始终指向最上层（最外层）窗口，即浏览器窗口本身 parent对象始终指向当前窗口的父窗口如果当

01

26.Django模板语言和分页

继承 extends 子版只能继承一个父模板 1.父模板 master.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{% block title %} {% endblock %}</title> <link rel="stylesheet" href="/static/common.css"> <style> .pg-header{

04

再谈location与history之跳转转态监控—router的两种实现模式

使用location对象可以通过很多方式来改变浏览器的位置，每次修改location的属性(hash除外)，页面都会以新URL重新加载。

01

JavaScript刷新页面的几种方法

参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

03

JS刷新当前页面的方法总结

该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)

03

DOM-XSS漏洞挖掘与攻击面延申

跨站脚本攻击（Cross-site scripting，通常简称为XSS）发生在客户端，可被用于进行窃取隐私、钓鱼欺骗、偷取密码、传播恶意代码等攻击行为。可以分为反射型、存储型、DOM型等，本文主要讲解DOM-XSS漏洞挖掘与攻击面延申。接下来就开门见山，讲解干货吧。

03

JavaWeb数据维护——以新闻（用户端界面为例）

//下面那个代码为用户登录数据维护(代码片段，可结合我前面写的新闻admin代码)。

02

APP内嵌H5页面中JS和APP的交互解决方案(可传参、可回调)

本库主要使用 WebViewJavascriptBridge 和 webkit MessageHandler进行封装。

01

微信分享H5自定义标题描述和图片

哎呀，为啥人家分享的H5页面这么绚丽，有头有尾有妹子，唯独自己的又老有丑又难啃，自己都看不下去，千万不要给领导看见。然而，最终还是领导发话了这个必须得改。

01

JavaScript中window.open（）和Window Location href的区别「建议收藏」

specs 可选。一个逗号分隔的项目列表。支持以下值： channelmode=yes|no|1|0 是否要在影院模式显示 window。默认是没有的。仅限IE浏览器 directories=yes|no|1|0 是否添加目录按钮。默认是肯定的。仅限IE浏览器 fullscreen=yes|no|1|0 浏览器是否显示全屏模式。默认是没有的。在全屏模式下的 window，还必须在影院模式。仅限IE浏览器 height=pixels 窗口的高度。最小.值为100 left=pixels 该窗口的左侧位置 location=yes|no|1|0 是否显示地址字段.默认值是yes menubar=yes|no|1|0 是否显示菜单栏.默认值是yes resizable=yes|no|1|0 是否可调整窗口大小.默认值是yes scrollbars=yes|no|1|0 是否显示滚动条.默认值是yes status=yes|no|1|0 是否要添加一个状态栏.默认值是yes titlebar=yes|no|1|0 是否显示标题栏.被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes toolbar=yes|no|1|0 是否显示浏览器工具栏.默认值是yes top=pixels 窗口顶部的位置.仅限IE浏览器 width=pixels 窗口的宽度.最小.值为100 replace Optional.Specifies规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目，还是替换浏览历史中的当前条目。支持下面的值：

02

从零开始学习DOM-BOM(一)

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情

03

js刷新当前页面方法

在写JS代码时，用到JS来刷新当前页面的方法有几种，比如最常用的reload()，location 等

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭