js修改url

时间:?2021-10-14阅读:?17标签:?url

这篇文章主要介绍修改url地址的一些方法,包括:修改url重新加载,修改url但不重新加载。


修改url重新加载刷新页面

1,var tt.reload(),刷新页面,不重复提交页面。

2,var tt=window.var tt,刷新页面,不重复提交页面。

3,location.replace(location.href),刷新页面,不重复提交页面。

4,window.location.replace(location),重定向一个页面,也可以为当前页面。

5,var tter.location.reload(); 父页面刷新加载,即当一个页面open一个新页面后可以在子页面,reload父页面。

6,其他一些非常用的刷新方法:

history.go(0)
location=location
document.execCommand('Refresh')
var tt(location)
document.URL=location.href

7,html中meta标签

页面自动刷新:把如下代码加入区域中,其中20指每隔20秒刷新一次页面

<meta http-equiv="refresh" content="20">

页面自动跳转:把如下代码加入区域中,其中20指隔20秒后跳转到 http://www.pannellisolari.net  页面

<meta http-equiv="refresh" content="20;url="http://www.pannellisolari.net">

场景:使用js修改url地址参数并刷新页面

该方法可以修改url的参数。例如将www.pannellisolari.net修改为www.pannellisolari.net?name=123。代码如下:

function changeURLArg(url,arg,arg_val){
var pattern=arg+'=([^&]*)';
var replaceText=arg+'='+arg_val;
if(url.match(pattern)){
var tmp='/('+ arg+'=)([^&]*)/gi';
tmp=url.replace(eval(tmp),replaceText);
return tmp;
}else{
if(url.match('[\?]')){
return url+'&'+replaceText;
}else{
return url+'?'+replaceText;
}
}
}

使用:

window.location.href = changeURLArg(window.location.href,'name',123)


修改url但不重新加载

如果修改url但不重新加载,可以使用html5后引入的History.pushState(),History.replaceState()。pushState方法往历史记录中添加新记录,replaceState方法修改当前历史记录。

使用到的API

history.state

当前URL下对应的状态信息。如果当前URL不是通过pushState或者replaceState产生的,那么history.state是null。

history.pushState(state, title, url)

将当前URL和history.state加入到history中,并用新的state和URL替换当前。不会造成页面刷新。

  • state:与要跳转到的URL对应的状态信息。
  • title: 新页面的标题,但是所有浏览器目前都忽略这个值,因此这里可以填null或者空字符串 。
  • url:要跳转到的URL地址,不能跨域。
history.replaceState

参数同pushState,区别于pushState会直接替换掉当前url,而不会在history中留下记录。

例子:

//如果当前url为http://www.pannellisolari.net/nav
history.replaceState({},"","/tool");
//现在为http://www.pannellisolari.net/tool

场景:使用js修改url地址参数不刷新页面

同样使用上述方法changeURLArg。

var newurl=changeURLArg(window.location.href,'name',123)
window.history.replaceState({path: newurl}, '', newurl);


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.pannellisolari.net/article/detial/10734

URL scheme是什么?能拿来做什么?

URL scheme是系统提供的一种机制,它可以由应用程序注册,然后其他程序通过url scheme来调用该应用程序。

js获取当前URL,参数,端口,IP等服务器信息

设置或获取对象指定的文件名或路径。设置或获取整个 URL 为字符串。设置或获取与 URL 关联的端口号码。

什么是网址?

网址通常指因特网上网页的地址。企事业单位或个人通过技术处理,将一些信息以逐页的方式储存在因特网上,每一页都有一个相应的地址,以便其他用户访询而获取信息资料,这样的地址叫做网址。

this.$router.push相同地址报错的解决办法

不能push相同的地址,否则会出 Uncaught (in promise) NavigationDuplicated vue-router.esm.js?fe87:2089 的报错。 解决办法:在main.js下添加以下代码

html 获取url地址_js获取当前页面的url网址信息汇总

在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。window.location.href(设置或获取整个 URL 为字符串),window.location.protocol(设置或获取 URL 的协议部分)

使用 Redis 构建短网址生成程序

为了给用户提供更多发言空间, 并记录用户在网站上的链接点击行为, 大部分社交网站都会将用户输入的网址转换为相应的短网址。 那么微博将把这个网址转换为相应的短网址

AngularJS实现地址栏取值

有时候我们由如下需求:1,从a.html跳转到b.html2,从a跳转时携带参数和值,3,从b.html中取出传过来的参数值,在AngularJS的操作如下:

Url的Base64编码以及解码

Base64可以将二进制转码成可见字符方便进行http传输,但是base64转码时会生成“+”,“/”,“=”这些被URL进行转码的特殊字符,导致两方面数据不一致。

vue路径Url带/#/去除方法

在router->index.js中mode类型默认为hash,修改为history,除此之外,需要服务端配合,主要因为这种模式利用history.pushState API 来完成 URL 跳转而无须重新加载页面。当刷新页面的时候就会404了。

图解URL,URI和URN 区别

作为一名开发人员,特别的旺球体育在线开发人员,已经无数次的听到过 URL 和 URI,对于 URN 可能听过的要少点,那么它们之间有什么区别呢?本文带大家巩固一下基本概念。统一资源定位符(Uniform Resource Locator,缩写:URL)

点击更多...

内容以共享,参考,研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

Baidu