js跳转(js跳转网页)

绝地灬酷狼 2023-09-23 18:39 22阅读 0赞

## 如何使用js跳转代码 ##

javascript常用的页面跳转方法为：

window.location.href=some\_url;

下面举例演示点击按钮后，延迟3秒跳转页面：

1、HTML结构

2、javascript代码

functionfun()\{

setTimeout(function()\{

window.location.href="

\},3000);

## js中有哪些方式可以实现页面的跳转 ##

1、改变当前页面的url实现跳转：例如

window.location="

2、在当前窗口打开新页面也可以实现页面跳转：

window.open("

",'\_self');

JS跳转大概有以下几种方式： 第一种：(跳转到b.html)

第二种：（返回上一页面）

第三种：

第四种：

第五种：

页面传值：  
第一个页面

<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>无标题文档</title>
     </head>
     <SCRIPT LANGUAGE="JavaScript">
         function test(){
             var s = document.getElementById("txt");
             location.href="test2.html?"+"txt="+encodeURI(s.value);
         }
     </SCRIPT>
     <body>
      
     <input type="text" id="txt">
     </br>
     <input type="button" value="TEST" onclick="test()"/>
      
     </body>
     </html>

第二个页面

<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>无标题文档</title>
     </head>
      
     <body>
       <script language="javascript" type="text/javascript">
       var loc = location.href;
       var n1 = loc.length;//地址的总长度
       var n2 = loc.indexOf("=");//取得=号的位置
       var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容
       alert(id);
       //document.write(id)
       </script>
     </body>
     </html>