HTML五类方法实现页面跳转

最新推荐文章于 2020-08-12 20:34:00 发布

楼兰0x23

最新推荐文章于 2020-08-12 20:34:00 发布

阅读量783

点赞数 1

分类专栏：前端三剑客文章标签： html 页面跳转 JavaScript

本文链接：https://blog.csdn.net/qq_35085863/article/details/76714136

版权

前端三剑客专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1. meta标签

<meta http-equiv="refresh" content = "5;url = index.php"> 
#5秒后自动跳转

2. window.location+其他标签

<script language = 'javascript' type = 'text/javascript'>
    function skip(){
        window.location = "index.php";
    } 
</script>

<button onclick = "window.location='test1.php'" >skip</button>

<head>
    <script type="text/javascript">
        document.location="index.php";
    </script>
</head>
#自动跳转

<script type=text/javascript>
    setTimeout("javascrfipt.location.href='index.php'",5000)
</script>
#5秒后自动跳转

3. a标签/a标签+其他标签

<a href="index.php">skip</a>

<a href='index.php'><button>skip</button></a>

a标签的text-decoration:none,可以用来取消链接下面的下划线

4. history.back(-1)

<script type="text/javascript">
    function skip(){
        history.back(-1);
}
</script>

5.window.navigate(index.php)

<script type="text/javascript">
    function skip(){
        window.navigate("index.php");
}
</script>
#只适用于IE

拓展

window：
浏览器会为每一个打开的html创建对应的html对象，如果这个文档包含了多个框架，则浏览器会为原始文档创建一个window对象，再为每一个框架创建额外的window对象。
location：
该对象包含当前url信息，拥有多个属性。默认使用href，表示整个url。
location=”index.php”就相当于window.location.href=”index.php”

楼兰0x23

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
HTML五类方法实现页面跳转

1. meta标签<meta http-equiv="refresh" content = "5;url = index.php"> #5秒后自动跳转2. window.location+其他标签<script language = 'javascript' type = 'text/javascript'> function skip(){ window.location
复制链接

扫一扫