HTML跳转方式
来源:互联网 发布:淘宝属性备住怎么说 编辑:程序博客网 时间:2024/06/01 19:42
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>
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响3) 结合了倒数的javascript实现(IE)
<
span
id="totalSecond">5</
span
>
<
script
language="javascript" type="text/javascript">
var second = totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<
0
) location.href='hello.html';
}
</script>
4)直接跳转
<button class="btn" onclick="javascript:window.location.href='b.html'">跳转</button>
5)整合Firefox
<
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
>
3) 结合了倒数的javascript实现(IE)
0 0
- HTML跳转方式
- 页面跳转方式html、asp、php、javascript
- HTML页面跳转的五种方式
- HTML页面跳转的五种方式
- HTML小知识--页面跳转的几种方式
- js、php、html的几种跳转方式
- html <a>标签跳转新页面的各种方式
- 【HTML】【JS】JS实现页面跳转方式汇总
- 用HTML/JS/PHP方式实现页面延时跳转
- HTML中<a>标签跳转新页面的各种方式
- html跳转
- html跳转
- html跳转
- 跳转方式
- 改变Div的顺序,页面跳转,css、avascript加入到html的方式
- HTML页面-------3秒之后自动跳转的3种常用的实现方式
- html自动跳转
- HTML 跳转语句
- 将链表中的所有元素为奇数的节点移到元素为偶数节点的前面,并保证奇数之间顺序不变,偶数之间顺序不变(创新工场)
- Lowest Bit
- 史上最全的ASP.NET MVC路由配置,以后RouteConfig再弄不懂神仙都难救你啦~ - Cherbim
- 获取文本节点的值
- Solr学习_01环境搭建(Solr5.3.0)
- HTML跳转方式
- Java 进行 RSA 加解密时不得不考虑到的那些事儿
- 在input输入框中回车激活点击按钮事件代码
- c#代码实现软件开机自启动
- 支付宝集成过程详解——运行DEMO
- VC10常见问题汇总
- C# 调用C++DLL传递的bool型,返回混乱
- category extension
- 从照相机,相册获取图片