Web---JS-返回上一頁並刷新代碼整理

分類:編程 時間:2016-11-08
[摘要:返回上一頁並革新正在此功效有益於用戶的體驗,是每個web開辟職員所必備的一項,少話短道,本日先容完成此功效的一個方式,須要懂得的同夥能夠參考下: 一:JS 重載頁裏,當地刷]

返回上一頁並刷新在此功能有利於用戶的體驗,是每一個web開發人員所必備的一項,長話短說,今天介紹實現此功能的一個方法,需要了解的朋友可以參考下:

一:JS 重載頁面,本地刷新,返回上一頁
代碼如下:

<a href="Javascript:history.go(-1)">返回上一頁</a> 
<a href="javascript:location.reload()">重載頁面,本地刷新</a> 
<a href="javascript:history.go(-1);location.reload()">返回上一頁重載頁面,本地刷新</a> 

返回前二頁並刷新的JS代碼應該怎樣寫。
代碼如下:

history.go(-2); 
location.reload(); 

二:js 方法

代碼如下:

<a href="#" onclick="self.location=document.referrer;">返回</a> 

asp自動返回並刷新的方法:

代碼如下:

response.Write("<script language=javascript>self.location=document.referrer;</script>") 

一般用於向一個頁面提交action後返回前一頁並刷新!

  1. Javascript 返回上一頁history.go(-1), 返回兩個頁面: history.go(-2);
  2. history.back().
  3. window.history.forward()返回下一頁
  4. window.history.go(返回第幾頁,也可以使用訪問過的URL)

例:

<a href="javascript:history.go(-1);">向上一頁</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm('完成任務?')){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
<a href=http://www.ithao123.cn/"javascript:history.go(-1);">向上一頁</a>

頁面跳轉:onclick="window.location.href='http://www.ithao123.cn/list.aspx'" 

P.S.
小技巧(JS引用JS):

<script type=text/javascript>
<!--
if (typeof SWFObject == "undefined") {
document.write('<scr' + 'ipt type="text/javascript" src="http://www.ithao123.cn/scripts/swfobject-1.5.js"></scr' + 'ipt>');}
//-->
</script> 

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 

自動刷新頁面的方法:
1.頁面自動刷新:把如下代碼加入區域中

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

其中20指每隔20秒刷新一次頁面.

2.頁面自動跳轉:把如下代碼加入<head>區域中

<meta http-equiv="refresh" content="20;url=http://chenhaoxiang.github.io">  

其中20指隔20秒後跳轉到http://chenhaoxiang.github.io頁面

3.頁面自動刷新js版

<script language="JavaScript">
function myrefresh()
{
       window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script> 

ASP.NET如何輸出刷新父窗口腳本語句

1.   this.response.write("<script>opener.location.reload();</script>");
2.   this.response.write("<script>opener.window.location.href = http://www.ithao123.cn/opener.window.location.href;</script>");
3.   Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的頁.asp'');</script>") 

JS刷新框架的腳本語句

//如何刷新包含該框架的頁面用
<script language=JavaScript>
   parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )

//如何刷新另一個框架的頁面用
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

如果想關閉窗口時刷新或者想開窗時刷新的話,在中調用以下語句即可。

<body onload="opener.location.reload()"> 開窗時刷新
<body onUnload="opener.location.reload()"> 關閉時刷新

<script language="javascript">
window.opener.document.location.reload()
</script> 

三:在ASP中利用JS實現返回上一頁並刷新
在ASP中利用JS實現返回上一頁並刷新我想是利用ASP開發網站的時候經常使用的。但寫法也有幾種,但目的都是一樣的。

復制代碼 代碼如下:

<% 
response.write("<font color=""red"" font-size=""12px"">已經刪除成功!font>") 
%> 
<div align="center">[<a href="/"onClick="javascript :window.history.go(-1);return false;" class=fontsize14><span style="color: #CC0033">返回</span></a>]</div> 

這段代碼實現的功能是告知用戶要是實現的功能已經達到,但在返回的時候最好是刷新一下原來的頁面讓新信息顯示出來或者是讓刪除的東西不在顯示。但這段代碼卻不能在返回的時候刷新原來的網頁。
所以需要在原來的頁面加上這樣一段代碼:

<script> 
if(window.name != "Bencalie"){ 
//如果頁面的 name 屬性不是指定的名稱就刷新它 
location.reload(); 
window.name = "Bencalie"; 
} 
else{ 
//如果頁面的 name 屬性是指定的名稱就什麽都不做,避免不斷的刷新
window.name = ""; 
} 
</script> 

這樣就可以達到我們的目的了–返回上一頁並刷新。
當然還有比這個要簡單的代碼,

response.write("<script>alert('刪除成功!');window.location='原來的頁面';</script>"); 

Tags:

文章來源:


ads
ads

相關文章
ads

相關文章

ad