网页跳转代码的三种方法

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

第一种:直接跳转

<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>
目录
相关文章
|
4月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
38 1
|
4月前
|
JavaScript 前端开发
定义一个超链接,点击超链接后,执行一段代码,页面不跳转
这篇文章展示了如何在HTML中创建一个超链接,当点击这个超链接时,会执行JavaScript代码(例如弹出一个警告框)而不会导致页面跳转。
|
5月前
|
JavaScript 前端开发 UED
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
【源码分享】简单的404 HTML页面示例,该页面在加载时会等待2秒钟,然后自动重定向到首页
442 0
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
51 0
|
小程序 JavaScript
小程序里页面跳转的两种方式
小程序里页面跳转的两种方式
182 0
|
缓存 网络协议 前端开发
浏览器原理 04 # 导航流程:从输入URL到页面展示,这中间发生了什么?
浏览器原理 04 # 导航流程:从输入URL到页面展示,这中间发生了什么?
217 0
浏览器原理 04 # 导航流程:从输入URL到页面展示,这中间发生了什么?
|
前端开发 JavaScript
JavaScript模拟列表跳转详情页面效果
JavaScript模拟列表跳转详情页面效果 上一篇文章我们讲到如何利用JavaScript中location对象的hash值的改变来实现商品列表跳转到详情页面的效果。然后有同学问我,说淘宝的是利用的&quot;?id=****&quot;效果实现的,现在我们来讲一下如何利用location的 search实现效果。如图: 1.列表页面HTML代码: &lt;a href=&quot;01模拟详情页面.html?id=0&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;../0603/img/1.jpg&quot; alt=&quot;&quot;&gt;&lt;/a&gt; &lt;a href=&quot;01模拟详情页面.html?id=1&quot; target=
修改浏览器主页的代码!!!!!!!!!!!!!!!
修改浏览器主页的代码!!!!!!!!!!!!!!!
154 0
|
搜索推荐 SEO
什么是302跳转?301重定向与302跳转有什么区别?
什么是302跳转? 302跳转是用户浏览器或搜索引擎蜘蛛向网站务器发出访问网址A的请求时,服务器返回的头信息中状态码的一种,也称为302重定向,302跳转。 301重定向与302跳转有什么区别?
873 0