注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

网页跳转常用代码  

2013-05-07 03:55:47|  分类: 【网络技术】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

网页跳转常用代码

◆直接跳转方式

◇跳转到某页:
<script language="javascript" type="text/javascript">
window.opener.location='http://xuhui8491.56.com';
</script>

  或  <script>window.location.href='http://xuhui8491.56.com/';</script>

  或  <script>location="http://xuhui8491.56.com/"</script>

◇返回本页:
<script>alert("返回"); window.history.back(-1); </script>

◇跳转到上一页:
<script>self.location='top.htm';</script>


◆<body>方式
◇ <body onload=window.location="http://xuhui8491.56.com/"></body> //在<body> 里添加代码


◆meta 方式

◇20秒自动刷新:
<meta http-equiv="refresh" content="20">  //将代码加入<head>区域中。
 
◇3秒后自动跳转:
<meta http-equiv="refresh" content="3;url=http://xuhui8491.56.com">


◆事件驱动方式
◇单击事件驱动跳转:
<Span onclick="location.href('http://xuhui8491.56.com')">单击事件驱动跳转</Span>

 
◆按钮方式

◇点击按钮跳转:
<INPUT name="" type="button" value="跳转" onclick="location.href='http://xuhui8491.56.com/'">

◇点击按钮3秒跳转:
<INPUT name="" type="button" value="跳转" onclick="location.href='http://xuhui8491.56.com/',3000">

◇点击按钮3秒跳转:
<script>
function goto(url,dalay)
{
setTimeout("window.location='"+url+"'",dalay);                                                                                                                                                       
}
</script>
<button onclick="goto('http://www.jzzy.com',3000)">跳转</button>


◆链接方式

◇链接跳转:
<a  href='http://xuhui8491.56.com/'>打开链接</a>

◇返回上一步:
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>返回上一步</a>


◆开新窗口

◇打开新窗口 :
<script language="javascript" type="text/javascript">
window.open('http://xuhui8491.56.com');
</script>

或  <script>open('http://xuhui8491.56.com')</script>

◇用事件驱动打开新窗口 :
<Span onclick="window.open('http://xuhui8491.56.com')">打开新窗口</Span>

◇用链接打开新窗口 :
<a  href='http://xuhui8491.56.com' target=_blank >打开新窗口</a>

◇打开一个固定大小的新窗口:
<script>window.open('http://xuhui8491.56.com','','height=500,width=600')</script>

◇用按钮打开一个固定大小的新窗口:
<INPUT name="" type="button" value="开新窗口" onclick="window.open('http://xuhui8491.56.com','','height=500,width=600')">
<button onclick="window.open('http://xuhui8491.56.com','','height=500,width=600')">开新窗口</button>

◇用链接打开一个固定大小的新窗口:
<a href="javascript:" onclick="window.open(' http://xuhui8491.56.com','','height=500,width=600,scrollbars=yes,status=yes')">开新窗口</a>

◇打开一个新窗口一个原窗口
<a onclick="window.location.href('地址1')" href='地址2'target=_blank >打开一个新窗口一个原窗口</a>
<a onclick="window.open('地址1','','width=宽,height=高')" href='地址2'>打开一个新窗口一个原窗口</a>
<button onclick="window.open('地址1');window.location='地址2';">打开一个新窗口一个原窗口</button>
<button onclick="window.open('地址1','','width=宽,height=高');window.location='地址2';">打开一个新窗口一个原窗口</button>

◇打开两个新窗口
<a onclick="window.open('地址1','','width=宽,height=高')" href='地址2'target=_blank >打开两个新窗口</a>
<button onclick="window.open('地址1');window.open('地址2','example','width=400,height=300');">打开两个新窗口</button>
 <script>
  function openwin() {
  window.open ('地址1', 'newwindow1', 'width=宽,height=高') //写成一行
  window.open ('地址2', 'newwindow2', 'width=宽,height=高') //写成一行
  }
</script>
<button onclick="openwin()">打开两个新窗口</button>

 

◆带进度条跳转

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>跳转到itlearner.com</title>
</head>
<body>
<form name=loading>
<P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT>
<INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-

TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-

COLOR: white; BORDER-BOTTOM-style: none"
size=46 name=chart>
<BR>
<INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-

BOTTOM: medium none; TEXT-ALIGN: center" size=47 name=percent>
<script language="javascript">
var bar=0
var line="||"
var amount="||"
count()
function count(){
    bar=bar+2
    amount =amount + line
    document.loading.chart.value=amount
    document.loading.percent.value=bar+"%"
    if (bar<99){
        setTimeout("count()",100);
    }else{
        window.location = "http://xuhui-8491.blog.163.com/";
    }
}
</script>
</P>
</form>
</body>
</html>

说明:以上代码,可复制粘贴到“运行代码框”或“在线编辑器”中测试!


  评论这张
 
阅读(27)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017