Html页面跳转

喜欢ヅ旅行 2022-07-21 00:11 395阅读 0赞

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

  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="UTF-8">
  5.     <title>html页面调转方式</title>
  6. </head>
  8. <script type="text/javascript">
  10.     //通过location
  11.     function fun() {
  14.         window.location.href = "a.html";
  15.         //  window.location = "a.html";//也可以调转
  17.     }
  19.     function fun2() {
  22.         window.location.reload();
  23.     }
  25.     function fun3(){
  28.         window.open("a.html");
  29.     }
  32. </script>
  33. <body>
  36. <fieldset>
  37.     <legend>html页面调转方式</legend>
  39.     <input type="button" onclick="fun()" value="跳转到a.html">  
  41.     <!--通过超链接方式-->
  42.     <a href="a.html">跳转到a.html</a>  
  44.     <!--刷新-->
  46.     <input type="button" onclick="fun2()" value="重新加载b.html"><br><br>
  48.     <!--新建窗口指向a.html,不能返回-->
  49.     <input type="button" onclick="fun3()" value="创建a.html窗口" ><br><br><br>
  51.     <!--form表单方式-->
  53.     <form action="a.html" method="post">
  54.         <input type="submit" value="到a.html"/>
  55.     </form>
  58. </fieldset>
  60. </body>
  61. </html>

2.界面效果如下

a.文档结构图

这里写图片描述

b.b.html

这里写图片描述

c.a.html

这里写图片描述

发表评论

表情：
评论列表 （有 0 条评论，395人围观）

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

相关阅读