html如何实现页面跳转


本文摘自PHP中文网,作者coldplay.xixi,侵删。

html实现页面跳转的方法:1、通过meta设置跳转时间和页面;2、使用a标签直接跳转;3、通过javascript中实现跳转,代码为【window.location.href='index.html'】。

本教程操作环境:windows7系统、html5版,DELL G3电脑。

html实现页面跳转的方法:

1、html中使用meta中跳转,通过meta可以设置跳转时间和页面

1

2

3

4

5

6

<head>

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

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

<!--定时转到其他页面 -->

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

</head>

2、a标签直接跳转

1

<a href="http://baidu.com">百度一下</a>

3、通过javascript中实现跳转

1

2

3

4

5

6

// 直接跳转

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

// 定时跳转

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

其实两种方式是类似的,只是有的在javascript中写的跳转,另一种直接从html中写跳转

<button id="load" οnclick="window.location.reload('/html/index.html')">跳转</button>

4、html跳转上一页的方式

阅读剩余部分

相关阅读 >>

Html如何用超链接打开新窗口时控制其属性

如何给Html中的pre标签中的文字换行?Html pre标签的使用实例

Html怎么设置边框

怎么学好Html?

Html的正式名称是

Html中的标签textarea的属性有哪些

浅谈使用Html空链接的技巧

dom节点和元素之间有什么区别

Html中的段落文本如何换行?一篇文章告诉你换行标签br的用法

Html文件中文乱码怎么办

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...