全国咨询热线:18720358503

微信小程序制作网页_JS完成页面跳转与改写的方

类别:媒体报道 发布时间:2021-01-07 浏览人次:

JS实现页面跳转与刷新的方法汇总       这篇文章主要给大家介绍了关于JS实现页面跳转与刷新的方法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
window.location = "/

上面两种方法都可以从当前页面跳转到目标页面

不同之处在于 window.location 返回的是对象,如果没有.href,它会默认参数就是href

winodw.location.assign("URL")

这个方法和上面的方法差不多

用法:

winodw.location.assign(pre>

window.location.replace("URL")

如果用window.location.replace("pre>

back和go里面都可以放数值

例如:里面放上 -1 意思就是返回上一级,里面放上 -2 就是返回上上级,以此类推
而且里面还可以放上指定的路由路径,比如 window.history.go('../routes/admin/'); 这样可以跳转到指定的路由模块

meta refresh

如果用户浏览器禁用了javascript, 那么可以用meta refresh来实现自动跳转:

 noscript 
 meta http-equiv="refresh" content="0;URL=" 
 /noscript 

如果要实现 JS 自动跳转,可以加个定时器:

setTimeout(function(){ ... }, 1000);

重新加载本页

如果你的代码逻辑执行完了,想要重新加载页面的话,可以用这两种方法:

window.location.reload()
window.location.replace()

这两种方法都可以重新加载本页,但是replace()可以导向另外一个URL

例如:window.location.replace("pre>

if (top.location == self.location) 判断当前location是否为顶层 来禁止frame引用,如果页面当中有自定义的frame的话,也可以将parent self top换为自定义frame的名称 ,效果就是在自定义frame窗口打开url。

示例:

if(top != self){
 top.location.href = location.href;
} //禁止frame引用

以下是从网上找到的一个例子,不是很直观, 你可以加上上面那三行代码, 可以先去掉, 再加上, 看一下效果,应该就清楚了
<代码

 script language=javascript 
 function rs(){
 if(top !== self){
 top.location.href = location.href;
 parent.left.location.href="top.htm" ;
 parent.bot.location.href="top.htm";
 /script 
 input type=button name=name value="ksdj" s(); 
<代码
 FRAMESET COLS="150,*" 
 FRAME SRC="left.htm" name=left 
 FRAMESET ROWS="150,*" 
 FRAME SRC="top.htm" name=top 
 FRAME SRC="bot.htm" name=bot 
 /FRAMESET 
 /FRAMESET 

尝试一下,可能是这样的效果!

top表示主窗口,location表示当前窗口,如果你的文件只有一个框架,没有iframe和frame,那么是完全一致的,没有区别。

top.location是在顶层frame中打开新页

window.location是在当前frame中打开新页

parent.location在当前窗口的父窗口打开Url地址

JS页面跳转和刷新的几种方式

页面跳转

window.location.href="index.php"; 
window.history.back(-1);//类似于按钮,参数是负几,就后退几次。 
window.navigate("index.jsp"); //navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。 
self.location.href=index.htm; 
//self指代当前窗口对象,属于window最上层的对象; 
//location.href 指的是某window对象的URL地址. 
//self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址. 
top.location=index.php; 
//top 属性返回最顶层的先辈窗口。 
//该属性返回队一个顶级窗口的只读引用。 
//如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用。 
//如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口。
location.replace(document.referrer); 
document.referrer 
history.go(-1);//不刷新页面 
history.back();//不刷新页面 

Javascript页面刷新

1 history.go(0) 
2 location.reload() 
3 location=location 
4 location.assign(location) 
5 document.execCommand('Refresh') 
6 window.navigate(location) 
7 location.replace(location) 
8 document.URL=location.href 

自动刷新

页面自动刷新:把如下代码加入 head 区域中
meta http-equiv="refresh" content="2"
其中2指每隔2秒刷新一次页面.

页面自动跳转:把如下代码加入 head 区域中
meta http-equiv="refresh" content="2;url=p>

JS实现页面自动刷新


script language="JavaScript" setTimeout('window.location.reload()',1000) //指定1秒刷新一次 /script JS刷新框架的脚本语句 //如何刷新包含该框架的页面用 [javascript] view plain copy print script language=JavaScript parent.location.reload(); /script //子窗口刷新父窗口 [javascript] view plain copy print script language=JavaScript self.opener.location.reload(); /script (或 a href="javascript:opener.location.reload()" 刷新 /a ) //如何刷新另一个框架的页面用 [javascript] view plain copy print script language=JavaScript parent.另一FrameID.location.reload(); /script 如果想关闭窗口时刷新或者想开窗时刷新的话,在 body 中调用以下语句即可。

jquery方法

$(location).attr('href', '//');
$(window).attr('location','//');
$(location).prop('href', '//')

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对凡科的支持。


推荐阅读

微信小程序制作网页_JS完成页面跳转与改写的方

JS完成网页页面自动跳转与更新的方式归纳 本文关键给大伙儿详细介绍了有关JS完成网页页面自动跳转与更新的方式,原文中根据实例编码详细介绍的十分详尽,对大伙儿学习培训...

2021-01-07
网站排名优化忽略的小细节有哪些

您的部位: > 新闻报道新闻资讯 > 搜索引擎排名提升忽视的小关键点有什么虽然百度搜索竟价营销推广一样还可以产生一样的实际效果,但针对大多数数中小型型的公司来讲,是沒有那...

2021-01-07
微信小程序发布好物推荐插件

不久前,手机微信发布好货圈微信小程序,昨日手机微信微信小程序又发布好货强烈推荐软件。下边就和大伙儿共享一下手机微信微信小程序好货强烈推荐软件。 一、手机微信微信小程...

2021-01-07
广州凡科互联网科技股份有限公司招聘游戏视频

招聘人数:25职位信息岗位内容:1、根据需求独立完成公司的视频制作、前期录制、剪辑、视频制作、后期特效等;2、根据产品特点和市场需要,策划拍摄并组织资料和各类资源;3、把...

2021-01-07
广州凡科互联网科技股份有限公司招聘采购经理

招聘人数:18职位信息1、负责公司产品包材采购工作;2、按照公司规定的采购流程进行采购操作;3、监控包材、物料的市场变化,采取必要的采购技巧降低采购成本;4、解决采购物料...

2021-01-07
广州凡科互联网科技股份有限公司招聘网络推广

招聘人数:22职位信息岗位职责:1、负责主流广告平台的投放运营优化,包含四大搜索平台和信息流平台(今日头条,百度信息流,Facebook,垂直类app),精通账户操作,对新增,成本,...

2021-01-07
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信