js跳转页面方法

<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul>

<!--脚本开始-->
<script language="javascript" type="">
function countDown(secs){
  tiao.innerText=secs;
  if(--secs>0)
   setTimeout("countDown("+secs+")",1000);
  }
  countDown(3);
</script>
<!--脚本结束-->

  按钮式:

  <INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">

  链接式:

  <a href="javascript:history.go(-1)">返回上一步</a>
  <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

  直接跳转式:
  <script>window.location.href='http://www.ddhbb.com';</script>

  开新窗口:
  <a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog/guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')">布丁足迹</a>

第一种
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:
不推荐这种方式跳转
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
   </script>

meta方式实现跳转(content = 3 单位是秒)
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">
</script>
第三种:
<script language="javascript"> 
window.navigate(sURL)方法是针对IE的,不适用于FF等浏览器,本质和location.href一样。
window.navigate("新页面地址");

window.navigate("top.jsp");
</script>
第四种 window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
    window.location.replace("target.aspx");
</script>

有3个jsp页面(1.aspx, 2.aspx, 3.aspx),进系统默认的是1.aspx,当我进入2.aspx的时候, 2.aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看是没有什么区别的,但是当3.aspx页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.aspx页面的话,区别就出来了,当用 window.location.replace("3.aspx");连到3.aspx页面的话,3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.aspx。

第五种 self.location方式实现页面跳转,和下面的top.location有小小区别
   <script language="JavaScript">
          self.location='target.aspx';
   </script>


第六种 top.location
   <script language="javascript">
          top.location='target.aspx';
   </script>
http://www.cnblogs.com/YSO1983/archive/2010/04/06/1705169.html 

 在新窗体中打开页面用:
window.open("你要跳转到的页面");
window.open(
'page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'
);
参数说明:page.html将在新窗体newwindow中打开,高为100,宽为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。

-----------------------------

top与self区别:

self指当前窗口对象,top指主体窗口。
判定当前是页面和祖父页面的地址是不是一样的,假如是一样的,则祖父页面即当前页面,假如不一样,可能是当然页面处于弹出窗口或框架内
self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址. 一般用于防止外部引用,如果你的网页地址是:http://www.a.com,别人的是http://www.b.com,
他在他的页面用iframe等框架引用你的http://www.a.com,那么你可以用:

if(top.location.href!=self.location.href){ location.href="http://www.a.com"; } 来转向你的页面。这里top.location.href返回http://www.b.com;
http://www.cnblogs.com/chay1227/archive/2012/12/27/2836087.html

=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
 
=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->

</script> 


总结二:


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="javascript:history.go(-1);">向上一页</a> 


页面跳转:οnclick="window.location.href='list.aspx'" 

小技巧(JS引用JS): 

<mce:script type=text/javascript>
<!--
 if (typeof SWFObject == "undefined") { 
document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}
// --></mce: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.页面自动刷新:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面. 

2.页面自动跳转:把如下代码加入<head>区域中 
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com"> 
其中20指隔20秒后跳转到http://www.wyxg.com页面 

3.页面自动刷新js版 

<mce:script language="JavaScript"><!--
 
function myrefresh() 
{ 
       window.location.reload(); 
} 
setTimeout('myrefresh()',1000); //指定1秒刷新一次 
// --></mce:script> 
ASP.NET如何输出刷新父窗口脚本语句 
1.   this.response.write("<script>opener.location.reload();</script>"); 
2.   this.response.write("<script>opener.window.location.href = 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>中调用以下语句即可。 

<body οnlοad="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 

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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值