网页跳转代码的三种方法

简介: 网页跳转代码的三种方法

第一种:直接跳转

<html> 
<head> 
<meta http-equiv="Content-Language" content="zh-CN"> 
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 
<meta http-equiv="refresh" content="0.1;url= http://www.jyyidc.com/linux"> 
<title></title> 
</head> 
<body> 
</body> 
</html>

第二种:带有百分数的显示跳转

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>正在进入</title> 
</head> 
<body> 
<form name=loading>  
 <p align=center> <font color="#0066ff" size="2">正在进入,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font> 
  <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">  
   
  <input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">  
  <script>   
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.jyyidc.com/linux/ ";}   
}</script>  
 </p>  
</form>  
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href=" http://www.jyyidc.com/linux/ "><font color="#FF0000">请点这里</font></a>.</p> 
</body> 
</html>

第三种:和第一种差不多也是直接跳转

<body> 
<script language='javascript'>document.location = ' http://www.jyyidc.com/linux/  '</script> 
</body> 
</html>
目录
相关文章
不使用a标签,实现点击跳转到其他页面的代码
不使用a标签,实现点击跳转到其他页面的代码
|
3月前
|
JavaScript 前端开发
定义一个超链接,点击超链接后,执行一段代码,页面不跳转
这篇文章展示了如何在HTML中创建一个超链接,当点击这个超链接时,会执行JavaScript代码(例如弹出一个警告框)而不会导致页面跳转。
|
4月前
|
JavaScript 前端开发 UED
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
373 0
|
6月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
145 0
|
6月前
|
移动开发 前端开发 JavaScript
完整的页面代码包括哪些
一个完整的HTML页面通常包含以下几个基本部分,每个部分都有其特定的用途
|
6月前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
697 0
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
48 0
|
小程序 JavaScript
小程序里页面跳转的两种方式
小程序里页面跳转的两种方式
170 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
575 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
|
移动开发 小程序
小程序跳转到h5页面无法获取参数
小程序跳转到h5页面无法获取参数
小程序跳转到h5页面无法获取参数