网页跳转代码的三种方法

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

第一种:直接跳转

<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秒钟,然后自动重定向到首页
356 0
|
6月前
|
小程序
微信小程序实现不同按钮跳转同一个页面显示不同内容
微信小程序实现不同按钮跳转同一个页面显示不同内容
144 0
|
6月前
|
移动开发 前端开发 JavaScript
完整的页面代码包括哪些
一个完整的HTML页面通常包含以下几个基本部分,每个部分都有其特定的用途
|
12月前
|
JavaScript
jQuery带参跳转新页面,新页面获取url多个参数的办法
jQuery带参跳转新页面,新页面获取url多个参数的办法
47 0
LabVIEW跳转访问网页
在设计LabVIEW应用程序时,点击按键,跳转访问网页的功能十分常见。 使用LabVIEW跳转网页的方式有很多种,本篇博文推荐一种比较简单的方法:执行系统命令。
|
小程序 JavaScript
小程序里页面跳转的两种方式
小程序里页面跳转的两种方式
169 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
568 0
(uniapp跳转回显),A页面进入B页面,B页面返回A页面,并传值给A页面(技巧绝对好用慢慢看)
|
前端开发 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=