Html页面跳转

最新推荐文章于 2021-06-03 02:52:21 发布

YuLuoChangAnJie

最新推荐文章于 2021-06-03 02:52:21 发布

阅读量759

点赞数

分类专栏： 20160927之前文章标签： html 页面调转刷新

本文链接：https://blog.csdn.net/YuLuoChangAnJie/article/details/51871595

版权

20160927之前专栏收录该内容

23 篇文章 0 订阅

订阅专栏

1.html页面简单调转的几种方式

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>html页面调转方式</title>
</head>

<script type="text/javascript">

    //通过location
    function fun() {

        window.location.href = "a.html";
        //  window.location = "a.html";//也可以调转

    }

    function fun2() {

        window.location.reload();
    }

    function fun3(){

        window.open("a.html");
    }


</script>
<body>


<fieldset>
    <legend>html页面调转方式</legend>

    <input type="button" onclick="fun()" value="跳转到a.html">&nbsp;&nbsp;

    <!--通过超链接方式-->
    <a href="a.html">跳转到a.html</a>&nbsp;&nbsp;

    <!--刷新-->

    <input type="button" onclick="fun2()" value="重新加载b.html"><br><br>

    <!--新建窗口指向a.html,不能返回-->
    <input type="button" onclick="fun3()" value="创建a.html窗口" ><br><br><br>

    <!--form表单方式-->

    <form action="a.html" method="post">
        <input type="submit" value="到a.html"/>
    </form>


</fieldset>

</body>
</html>