js跳转(js跳转网页)

Posted 2023-04-02 叶涛网站推广优化

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js跳转(js跳转网页)相关的知识，希望对你有一定的参考价值。

如何使用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)

 <script language="javascript" type="text/javascript">
   window.location.href="b.html";
 </script>

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

 <script language="javascript">
   window.history.go(-1);
 </script>

第三种：

 <script language="javascript">
   window.navigate("b.html");
 </script>

第四种：

 <script language="JavaScript">
   self.location=’b.html’;
 </script>

第五种：

 <script language="javascript">
   top.location=’b.html’;
 </script>

页面传值：
第一个页面

 <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>

JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title>  
<script language="JavaScript" type="text/javascript">
    function delayURL(url) {
        var delay = document.getElementById("time").innerHTML;
        if(delay > 0) {
            delay--;
            document.getElementById("time").innerHTML = delay;
        } else {
            window.top.location.href = url;
        }
       t = setTimeout("delayURL(‘" + url + "‘)", 1000);
    }
 
function stop1(){  
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转，如果不跳转，请点击下面的链接<a href="http://www.baidu.com">我的百度</a>
<input type="button" value="停止跳转" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>

以上是关于js跳转(js跳转网页)的主要内容，如果未能解决你的问题，请参考以下文章

JS倒计时网页自动跳转代码

JS前端开发判断是否是手机端并跳转操作（小结）