Home >Web Front-end >JS Tutorial >What are the common methods for Javascript page jumps?

What are the common methods for Javascript page jumps?

一个新手
一个新手Original
2017-09-25 10:32:461747browse


Commonly used methods between Javascript page jumps


1: JS reload the page, refresh locally, return to the previous page
Copy the code as follows :

Return to the previous page
Reload the page, refresh locally
Return to the previous page, reload the page, refresh locally

What should be the JS code for returning to the previous two pages and refreshing them? Write.
Copy code code is as follows:

history.go(-2);  
location.reload();
window.history.go(-1);//返回上一页不刷新 
window.location.href = document.referrer;//返回上一页并刷新

2: js method
Copy code code is as follows:

ASP method of automatically returning and refreshing:
Copy code code is as follows:

response.Write(““)

Generally used to submit an action to a page and then return to the previous page and refresh it!

  1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);
    history.back().
    window.history.forward()返回下一页
    window.history.go(返回第几页,也可以使用访问过的URL)
response.Write(“")  
response.Write("if(!confirm('完成任务?')){history.back();}")  
“)  
response.Write(““)

Previous page

Page jump:

onclick=”window.location.href=’list.aspx’”

P.S.
Tips( JS reference JS):

Several ways to refresh the page in 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

Methods to automatically refresh the page:
1. Automatically refresh the page: Add the following code to the area

where 20 means refreshing the page every 20 seconds.

2. The page automatically jumps

3. Automatically refresh the js version

function myrefresh() 
{ 
       window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次

How does ASP.NET output the script statement to refresh the parent window

1.   this.response.write(““);  
2.   this.response.write(““);  
3.   Response.Write(““)

JS refresh frame script statement

//How to refresh The page containing the frame uses

parent.location.reload();

//The child window refreshes the parent window

self.opener.location.reload();

( or refresh)

//How to refresh the page of another frame using

parent.另一FrameID.location.reload();

If you want to refresh when the window is closed or you want to refresh when the window is opened, just call the following statement in .

Refresh when window is open
Refresh when closing

window.opener.document.location.reload()

Three: Use JS in ASP to return to the previous page and refresh
Use JS in ASP to return to the previous page and refresh I think it is often used when developing websites using ASP of. But there are several ways to write it, but the purpose is the same.
Copy the code as follows:

A summary of various methods of refreshing the parent page in javascript

用iframe、弹出子页面刷新父页面iframe
parent.location.reload();
弹出子页面
window.opener.location.reload();
子窗口刷新父窗口
self.opener.location.reload();
刷新以open()方法打开的窗口
window.opener.location.href=window.opener.location.href;
刷新以winodw.showModelDialog()方法打开的窗口
window.parent.dialogArguments.document.execCommand('Refresh');

JS page jump problem (jump to the parent page, the outermost page, this page )

js页面跳转:本页面跳转,上一层页面跳转,最外层的页面跳转,下面为大家大家分享下不同页面之家的跳转问题,感兴趣的朋友可以学习下 “window.location.href”、”location.href”是本页面跳转
“parent.location.href”是上一层页面跳转
“top.location.href”是最外层的页面跳转
举例说明:
如果A,B,C,D都是jsp,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页面跳转
关于页面刷新,D 页面中这样写:
“parent.location.reload();”: C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )
“top.location.reload();”: A页面刷新

The above is the detailed content of What are the common methods for Javascript page jumps?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:HOOK function in vue.jsNext article:HOOK function in vue.js