我們在做網站有的時候需要實現這樣的一種功能，通過JS獲取當前URL和來源URL。今天武林網就給大家介紹一下，這個涉及javascript針對頁面document屬性操作的相關技巧,需要的朋友可以參考下。首先看下效果圖
假設是通過 http://www.survivalescaperooms.com/index.html 進來
那么：獲取當前的URL是：http://www.survivalescaperooms.com/demo.html 獲取來源的URL是：http://www.survivalescaperooms.com/index.html
2個效果頁面代碼如下：
index.html頁面代碼：
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"><title>新建H5模板</title></head><body><a href="demo.html">鏈接</a></body></html>
demo.html頁面代碼：
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"><title>新建H5模板</title></head><body>當前URL：<input type="text" style=" width:300px;" name="nowurl" id="nowurl"><br>來源URL：<input type="text" style=" width:300px;" name="fromurl" id="fromurl"><script> var nowurl = document.URL; var fromurl = document.referrer; document.getElementById('nowurl').value = nowurl; document.getElementById('fromurl').value = fromurl;</script></body></html>最后武林網再做個補充說明：
document.URL 屬性可返回當前文檔的 URL。 document.referrer 屬性可返回載入當前文檔的文檔的 URL。
以上就是JS獲取當前URL和來源URL的方法實例的全部內容，希望對大家的學習和解決疑問有所幫助，也希望大家多多支持武林網。新聞熱點
疑難解答
