前端网页js怪异跳转（前端页面跳转的几种方法）

本文目录一览：

• 1、js如何在指定页面跳转到另一指定页面
• 2、如何使用js跳转代码
• 3、什么JS跳转？
• 4、怎样用js将一个页面自动跳转到新的页面
• 5、web前端设计，为什么我点击后总是跳转到另外一个页面？JavaScript 哪里出错了？
• 6、手机网页跳转怎么办

js如何在指定页面跳转到另一指定页面

要实现从一个页面A跳到另一个页面B，js实现就在A的js代码加跳转代码

JS跳转大概有以下几种方式：

第一种：(跳转到b.html)

script language=”javascript” type=”text/javascript”

window.location.href=”b.html”;

/script

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

script language=”javascript”

window.history.back(-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

如何使用js跳转代码

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

window.location.href = some_url;

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

1、HTML结构

input type=’button’ value=’延迟3秒跳转到百度首页’ onclick=”fun()”/

2、javascript代码

function fun(){

setTimeout(function(){

window.location.href = “”

},3000);

}

3、演示效果：

什么JS跳转？

js可以轻松的实现网页的跳转,平时我们在访问某一网站时却被跳转到了另一个网站上,这其中的跳转方法可以有很多种,现在给大家分享一下js实现页面跳转的方法。

一、js直接跳转。实现代码如下:

script type=”text/javascript”

window.location.href = ‘网址’;

/script

也可用self.location=’网址’;

二、页面停留指定时间再跳转,如3秒:

script type=”text/javascript”

function jumurl(){

window.location.href = ‘网址’;

}

setTimeout(jumurl,3000);

/script

三、页面跳出框架

script type=”text/javascript”

top.location.href=’网址’;

/script

四、返回上一页

script type=”text/javascript”

window.history.back(-1);

/script

怎样用js将一个页面自动跳转到新的页面

按你的思路，当前页面是htt://变量1s=变量2f=11

然后把q=变量1 s=变量2 f=11这几个参数及其值先取出

再然后重定向！

代码如下:

/*

script

var Pub={

getParam : function(pPara)

{

if(!pPara || (pPara + ”).trim() == ”) return null;

var tUrl = document.location.toString().toLowerCase(); //当前页面的地址，转成小写

var re = new RegExp(“(\\\?|)”+pPara.toLowerCase()+”=([^]+)(|$)”);

var tArr = tUrl.match(re);

if(tArr) return tArr[2];

else return null;

}

}

var q=Pub.getParam(“q”) //获取p变量值;

var s=Pub.getParam(“s”) //获取s变量值;

var f=Pub.getParam(“f”) //获取s变量值;

document.location=”go.asp?q=””+q+s=”+s+”f=”+f+”” //跳转

/script

*/

昨晚临急临忙的把代码写完，也没调试，代码是运行有点问题：-P，修正过的代码如下:

script

var Pub={

getParam : function(pPara)

{

//if(!pPara || (pPara + ”).trim() == ”) return null;

var tUrl = document.location.toString().toLowerCase(); //当前页面的地址，转成小写

var re = new RegExp(“(\\\?|)”+pPara.toLowerCase()+”=([^]+)(|$)”);

var tArr = tUrl.match(re);

if(tArr) return tArr[2];

else return null;

}

}

var q=Pub.getParam(“q”) //获取q变量值;

var s=Pub.getParam(“s”) //获取s变量值;

var f=Pub.getParam(“f”) //获取f变量值;

alert(“q=”+q+” s=”+s+”f=”+f)

document.location.href=”go.asp?q=”+q+”s=”+s+”f=”+f+”” //跳转

/script

必须WWW的环境下才能调试喔

在本机iis 6.0 通过 变量1s=变量2f=11 能跳转到 变量1s=变量2f=11 ~~

web前端设计，为什么我点击后总是跳转到另外一个页面？JavaScript 哪里出错了？

应该不是javascript的问题，主要是你写了href，所以点击以后就会先执行a连接的href，然后再执行onclick事件。你可以把href=”javascript:void(0)” 这样就不会执行href跳转了，然后如果你想弹出图片，可以用js控制图片弹出

希望对你有帮助

手机网页跳转怎么办

题主所问的是手机网页如何跳转吗？还是手机网页为什么会跳转？

作为一个萌萌哒，程序员那么我来解释一下吧。

其实问题可以去掉手机两个字，手机网页跳转和电脑网页跳转是一个道理的，都是web端的跳转。

我先说一下手机网页如何跳转吧。

其实跳转的原理很简单，可以简称为“重定向”；

重定向的方式有很多种，我列举几种常见的：

前端重定向，通过js重定向。js是网站开发中，前端开发的一种脚本语言，一般前端工程师会用到；而所谓的网站前端就是你每天打开网站所看到的一些东西。一般来说大多数的网页跳转都是前端方面做的，当然也有后端去做的。

后端重定向。后端工程师也可以进行网页跳转重定向，至于前端和后端谁跳转一般都是要看业务需求和产品的设计了。

服务器重定向。服务器重定向一般来说有在服务器中配置写好的重定向的一种方法。

https重定向，同样是服务器所配置，题主浏览网站的时候有没有注意到自己浏览的很多网站前缀都是https呢？比如百度搜索或者你现在所浏览的百度派，这个其实是很正常的，因为在网站开发中，https要比http更安全，可以防止你的信息被劫持，还可以给你带来更好的用户体验，比如你在浏览http网站的时候网站会莫名多出很多不良广告，但是这些并不是网站的广告，这些广告其实都是运营商劫持的广告，所以说啊。。好的运营商已经不够用了，还必须上https自保啊。

至于为什么重定向网页跳转其实我上面有一部分已经说明了，还有其他原因，

比如你登陆成功了，那你跳不跳呢？不跳莫非你还待在原来的页面吗？那当然要跳喽，因为你已经登陆成功啦。同时跳转也是为了提醒作用，比如你在买火车票的时候，买票成功之后会跳转到购买成功的界面有木有啊！！

说了这么多，题主应该明白了吧~