前端網頁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自保啊。

至於為什麼重定向網頁跳轉其實我上面有一部分已經說明了，還有其他原因，

比如你登陸成功了，那你跳不跳呢？不跳莫非你還待在原來的頁面嗎？那當然要跳嘍，因為你已經登陸成功啦。同時跳轉也是為了提醒作用，比如你在買火車票的時候，買票成功之後會跳轉到購買成功的界面有木有啊！！

說了這麼多，題主應該明白了吧~