使用JavaScript對URL進行重定向的方法

這篇文章主要介紹了使用JavaScript對URL進行重定向的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

 window.location對象可以使用JavaScript操作將URL重定向到新的位置，一般情況下使用服務器配置和http標頭屬性

網頁中許多URL被重定向到新位置，通常使用服務器配置和HTTP標頭屬性。但是在許多情況下，可能需要使用JavaScript來重定向或導航到另一個URL

重定向的原因：

一般情況下希望重定向到新頁面或者URL的原因有很多，比如：

更改了域或URL結構

用戶已提交表單，但希望將它們指向序列中的下一頁

該頁面可能需要授權

從HTTP重定向到HTTPS

需要在單頁面應用程序中觸發(fā)新頁面等等

window.location是對象管理瀏覽器加載的地址。操作位置對象是使用JavaScript管理頁面重定向的方式。location對象具有觸發(fā)JavaScript頁面重定向的屬性和方法

位置對象屬性：

hash：用于單頁面應用程序和單頁面網站

host：URL的域名

hostname：類似于host

href：完整的URL

origin：URL的協(xié)議和域

pathname：原始后的URL slug或頁面

port：如果URL中包含端口

協(xié)議：http，https，ftp，ftps等

這些屬性中的每一個都是字符串，并且支持所有標準字符串方法

位置對象方法有：

assign：將位置對象設置為新URL

reload：強制頁面使用相同的URL重新加載

替換：觸發(fā)重定向

search：允許查詢queryString

重定向到新地址

更改地址后，應執(zhí)行301重定向。這是服務器使用新地址發(fā)送HTTP狀態(tài)代碼301的位置

301狀態(tài)代碼告訴用戶代理：瀏覽器或搜索引擎蜘蛛，有一個新地址

301重定向允許您保持流量，并希望您的搜索引擎排名。

通常你會從服務器上執(zhí)行此操作。但有時這是不可能的，您需要使用JavaScript重定向到URL

實現(xiàn)代碼：

window.location.assign("new target URL");
window.location.replace("new target URL");

最好的方法就是使用location.replace方法，它對于任何301重定向方案都很有用，包括何時需要從HTTP重定向到HTTPS。但是使用JavaScript從HTTP重定向到HTTPS的更簡潔方法是以下代碼片段：

 if (location.protocol !== "https:"){
location.replace(window.location.href.replace("http:", 
"https:"));}

window.location對象可以使用JavaScript操作以重定向到不同URL的屬性和方法。其中l(wèi)ocation.replace和location.assign非常有用,replace方法使會話歷史記錄保持干凈，assign方法允許用戶通過URL歷史記錄進行回溯

感謝你能夠認真閱讀完這篇文章，希望小編分享使用JavaScript對URL進行重定向的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!