各位编程大神,需求如题
例子:在浏览器地址栏输入:http://www.我的域名.com/erjimulu.html
能够显示两个页面,无论是直接打开两个页面,还是怎么样,只要输入这个地址能直接打开两个页面就算。
跳转到某页:
<script language="javascript" type="text/javascript">
window.opener.location='连接地址';
</script>
或 <script>window.location.href='连接地址';</script>
或 <script>location="连接地址"</script>
<body>方式
<body onload=window.location="连接地址"></body> //在<body> 里添加代码
meta 方式
20秒自动刷新:
<meta http-equiv="refresh" content="20"> //将代码加入<head>区域中。
3秒后自动跳转:
<meta http-equiv="refresh" content="3;url=连接地址">
事件驱动方式
单击事件驱动跳转:
<Span onclick="location.href('连接地址')">单击事件驱动跳转</Span>
按钮方式
点击按钮跳转:
<INPUT name="" type="button" value="跳转" onclick="location.href='连接地址'">
点击按钮3秒跳转:
<INPUT name="" type="button" value="跳转" onclick="location.href='连接地址',3000">
点击按钮3秒跳转:
<script>
function goto(url,dalay)
{
setTimeout("window.location='"+url+"'",dalay);
}
</script>
<button onclick="goto('连接地址',3000)">跳转</button>
链接方式
链接跳转:
<a href='连接地址/'>打开链接</a>
返回上一步:
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>返回上一步</a>
开新窗口
打开新窗口 :
<script language="javascript" type="text/javascript">
window.open('连接地址');
</script>
或 <script>open('连接地址')</script>
用事件驱动打开新窗口 :
<Span onclick="window.open('连接地址')">打开新窗口</Span>
用链接打开新窗口 :
<a href='连接地址' target=_blank >打开新窗口</a>
打开一个固定大小的新窗口:
<script>window.open('连接地址','','height=500,width=600')</script>
用按钮打开一个固定大小的新窗口:
<INPUT name="" type="button" value="开新窗口" onclick="window.open('连接地
址','','height=500,width=600')">
<button onclick="window.open('连接地址','','height=500,width=600')">开新窗口
</button>
用链接打开一个固定大小的新窗口:
<a href="javascript:" onclick="window.open('连接地
址','','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 = "连接地址";
}
}
</script>
</P>
</form>
</body>
</html>
<script language="javascript" type="text/javascript">
window.opener.location='连接地址';
</script>
或 <script>window.location.href='连接地址';</script>
或 <script>location="连接地址"</script>
<body>方式
<body onload=window.location="连接地址"></body> //在<body> 里添加代码
meta 方式
20秒自动刷新:
<meta http-equiv="refresh" content="20"> //将代码加入<head>区域中。
3秒后自动跳转:
<meta http-equiv="refresh" content="3;url=连接地址">
事件驱动方式
单击事件驱动跳转:
<Span onclick="location.href('连接地址')">单击事件驱动跳转</Span>
按钮方式
点击按钮跳转:
<INPUT name="" type="button" value="跳转" onclick="location.href='连接地址'">
点击按钮3秒跳转:
<INPUT name="" type="button" value="跳转" onclick="location.href='连接地址',3000">
点击按钮3秒跳转:
<script>
function goto(url,dalay)
{
setTimeout("window.location='"+url+"'",dalay);
}
</script>
<button onclick="goto('连接地址',3000)">跳转</button>
链接方式
链接跳转:
<a href='连接地址/'>打开链接</a>
返回上一步:
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>返回上一步</a>
开新窗口
打开新窗口 :
<script language="javascript" type="text/javascript">
window.open('连接地址');
</script>
或 <script>open('连接地址')</script>
用事件驱动打开新窗口 :
<Span onclick="window.open('连接地址')">打开新窗口</Span>
用链接打开新窗口 :
<a href='连接地址' target=_blank >打开新窗口</a>
打开一个固定大小的新窗口:
<script>window.open('连接地址','','height=500,width=600')</script>
用按钮打开一个固定大小的新窗口:
<INPUT name="" type="button" value="开新窗口" onclick="window.open('连接地
址','','height=500,width=600')">
<button onclick="window.open('连接地址','','height=500,width=600')">开新窗口
</button>
用链接打开一个固定大小的新窗口:
<a href="javascript:" onclick="window.open('连接地
址','','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 = "连接地址";
}
}
</script>
</P>
</form>
</body>
</html>
温馨提示:答案为网友推荐,仅供参考