统计
  • 建站日期:2021-03-10
  • 文章总数:518 篇
  • 评论总数:151 条
  • 分类总数:32 个
  • 最后更新:4月20日
文章 未分类

跳转代码

梦幻书涯
首页 未分类 正文

<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://kuaikys.tyjun.cn/666/Welcome.html";}
}</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="网址"><font color="#FF0000">请点这里</font></a>.</p>
</body>

</html>



第二种

1) html的实现


<head>

<!-- 以下方式只是刷新不跳转到其他页面 -->

<meta http-equiv="refresh" content="10">

<!-- 以下方式定时转到其他页面 -->

<meta http-equiv="refresh" content="5;url=hello.html"> 

</head>

优点:简单

缺点:Struts Tiles中无法使用


第三种


2) javascript的实现


 

<script language="javascript" type="text/javascript"> 

// 以下方式直接跳转

window.location.href='hello.html';

// 以下方式定时跳转

setTimeout("javascript:location.href='hello.html'", 5000); 

</script>

优点:灵活,可以结合更多的其他功能

缺点:受到不同浏览器的影响



第四种


<span id="totalSecond">5</span>

 

<script language="javascript" type="text/javascript"> 

var second = document.getElementById('totalSecond').textContent; 

 

if (navigator.appName.indexOf("Explorer") > -1) { 

    second = document.getElementById('totalSecond').innerText; 

} else { 

    second = document.getElementById('totalSecond').textContent; 

 

setInterval("redirect()", 1000); 

function redirect() { 

if (second < 0) { 

    location.href = 'hello.html'; 

} else { 

    if (navigator.appName.indexOf("Explorer") > -1) { 

        document.getElementById('totalSecond').innerText = second--; 

    } else { 

        document.getElementById('totalSecond').textContent = second--; 

    } 

</script>

 

第五种


<span style="font-size:18px;"> </span><span style="font-size:24px;"><meta http-equiv="refresh" content="3;URL=res.html"> </span> 

<span style="font-size:24px;">//3秒之后自动跳转到res.html,两个属于同一文件下面,要是需要跳转到jsp页面,就需要在url里面填写url地址————(浏览器的地址栏里面写入的数据,如:http://localhost:8080/TestDemo/1.jsp)</span> 


第六种



<script type="text/javascript"> 

onload=function(){ <span style="white-space:pre"> </span>//在进入网页的时候加载该方法 

setTimeout(go, 3000); <span style="white-space:pre"> </span> /*在js中是ms的单位*/ 

}; 

function go(){ 

location.href="http://localhost:8080/TestDemo/index.jsp"; 

</script> 

//3秒之后自动执行go方法,直接跳转到index.jsp页面 


网页弹窗代码


<head>

<script language="javascript">

alert("弹出提示上n弹出提示下")

</script>

</head>



点击弹窗<input type="button" value="弹窗" onClick="javascript:if(confirm('的确我是爱你的王成喜?'))location='http://blog.0759zj.xyz" />

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

这篇文章最后更新于2018-10-27,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
重要代码网页描述,关键字等
« 上一篇
css全面说明笔记
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
Array

日历

热门文章