Html页面跳转

喜欢ヅ旅行 2022-07-21 00:11 290阅读 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">  
    
        
        <a href="a.html">跳转到a.html</a>  
    
        
    
        <input type="button" onclick="fun2()" value="重新加载b.html"><br><br>
    
        
        <input type="button" onclick="fun3()" value="创建a.html窗口" ><br><br><br>
    
        
    
        <form action="a.html" method="post">
            <input type="submit" value="到a.html"/>
        </form>
    
    
    </fieldset>
    
    </body>
    </html>

2.界面效果如下

a.文档结构图

![这里写图片描述][20160710150459723]

b.b.html

![这里写图片描述][20160710150551083]

c.a.html

![这里写图片描述][20160710150612646]

[20160710150459723]: /images/20220720/3934ec5262f949d595ce3ec78ec4d72b.png
[20160710150551083]: /images/20220720/3888d8f24dc040bdb3a09a13f909717d.png
[20160710150612646]: /images/20220720/1b823b79fadb4265b99ab4a7e876dc5e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，290人围观）

还没有评论，来说两句吧...

相关阅读

相关 php表单跳转页面跳转页面跳转页面跳转,html中一个form下两个跳转页面

问题说明：在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下 ![3b2afef13409193c29d0759b8abcfff3.png][]，

太过爱你忘了你带给我的痛/ 2022年11月17日 10:16/ 0 赞/ 298 阅读

相关 java html页面跳转_java web页面跳转总结

Servlet中forward和redirect的区别 forward方式：request.getRequestDispatcher("/somePage.jsp").for

男娘i/ 2022年11月02日 11:54/ 0 赞/ 392 阅读

相关 html自动跳转页面,HTML实现页面自动跳转的五种方法

在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法，本文继续给大家介绍有关html页面跳转相关知识，一起学习吧。下面列了五个例子来详细说明，这几个例子的主要功能

素颜马尾好姑娘i/ 2022年10月05日 10:46/ 0 赞/ 358 阅读

相关 Html页面跳转

1.html页面简单调转的几种方式 <!DOCTYPE html> <html> <head lang="en"> <meta cha

喜欢ヅ旅行/ 2022年07月21日 00:11/ 0 赞/ 291 阅读

相关 html页面跳转传递参数

从a.html跳转到b.html页面，如果给b.html传递参数，可以通过下面的方式来传递： 1. 直接将参数拼接到url上，如b.html?param1=aa&param

痛定思痛。/ 2022年07月14日 01:18/ 0 赞/ 285 阅读

相关 html页面跳转传递参数

from:http://blog.csdn.net/gnail\_oug/article/details/53286694 从a.html跳转到b.html页面，如

「爱情、让人受尽委屈。」/ 2022年06月03日 06:18/ 0 赞/ 358 阅读

相关 springboot跳转html页面

@RestController注解相当于@ResponseBody ＋ @Controller合在一起的作用。是无法跳转页面的页面中会显示json @Co

淡淡的烟草味﹌/ 2022年05月31日 13:23/ 0 赞/ 327 阅读

相关 springboot-thymeleaf（html页面跳转）

遇到的问题：按照别人的blog搭thymeleaf页面就是html页面跳转不了，我那个郁闷呀！！！终于尝试了无数遍搞好了，报的错误是模板不存在。 ctrl层对比代码

╰半橙微兮°/ 2022年05月18日 08:59/ 0 赞/ 376 阅读

相关 springboot用controller跳转html页面

本文学习来自 [https://blog.csdn.net/jsu\_9207/article/details/68945787][https_blog.csdn.net_j

╰半夏微凉°/ 2022年05月16日 06:35/ 0 赞/ 362 阅读

相关 SpringBoot后台跳转到html页面

[参考文章][Link 1] > 首先静态页面默认是访问resources/static路径下的文件，可以直接通过url访问，但是后台代码并不能直接调用static路径下的文

太过爱你忘了你带给我的痛/ 2022年01月27日 23:19/ 0 赞/ 599 阅读