纯html网页重定向与跳转
2015-11-02 17:26
330 查看
javaScript 跳转
方法一:
<script language="javascript">
window.location = "http://www.baidu.com";
</script>
方法二:
<script language="javascript">
document.location = "http://www.baidu.com";
</script>
(带进度条)
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>跳转到baidu.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; 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://www.baidu.com/";
}
}
</script>
</P>
</form>
</body>
</html>
纯html页面跳转
<head>
<meta http-equiv="refresh" content="10; url=http://www.baidu.com">
</head>
方法一:
<script language="javascript">
window.location = "http://www.baidu.com";
</script>
方法二:
<script language="javascript">
document.location = "http://www.baidu.com";
</script>
(带进度条)
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>跳转到baidu.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; 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://www.baidu.com/";
}
}
</script>
</P>
</form>
</body>
</html>
纯html页面跳转
<head>
<meta http-equiv="refresh" content="10; url=http://www.baidu.com">
</head>
相关文章推荐
- html元素
- 页签示例
- html浏览器选择执行判断浏览器种类
- html标签
- html的空格显示距离问题
- 解决手机访问页面字体太小问题
- html 调用客户端exe并写入文本文件
- HTML文档中头部文件介绍
- HTML学习 <8>
- html 随笔
- MSTest or TRX to HTML with Animated Charts
- html的<meta>标签的作用
- html的<meta>标签的作用
- C#过滤Html标签及空格
- HTML导出excel
- HTML--【DRP】
- 使用html2canvas实现网页截图,并嵌入到PDF
- 去除文本中的HTML标签
- HTML行内元素、块状元素以及空(void)元素
- Django中与Html相关的filter