JS實現獲取當前URL和來源URL的方法
更新時間：2016年08月24日 11:21:22 作者：onestopweb
這篇文章主要介紹了JS實現獲取當前URL和來源URL的方法,涉及javascript針對頁面document屬性操作的相關技巧,需要的朋友可以參考下
本文實例講述了JS實現獲取當前URL和來源URL的方法。分享給大家供大家參考，具體如下：
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>
效果圖：
假設是通過 http://www.fzitv.net/index.html 進來
那么：
獲取當前的URL是：http://www.fzitv.net/demo.html
獲取來源的URL是：http://www.fzitv.net/index.html
說明：
document.URL 屬性可返回當前文檔的 URL。
document.referrer 屬性可返回載入當前文檔的文檔的 URL。
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了js HTML5多媒體影音播放,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細介紹了基于javascript實現九九乘法表的相關資料，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要為大家詳細介紹了如何使用JavaScript實現一個靜態(tài)鏈表，文中的示例代碼講解詳細，具有一定的學習價值，感興趣的小伙伴可以跟隨小編一起了解一下
2023-06-06 
這篇文章通過實例代碼給大家介紹了微信小程序實現滾動加載更多，給大家提供了完整代碼,需要的朋友可以參考下
2019-12-12 
使用js判斷數組中是否包含某一元素(類似于php中的in_array())
這篇文章主要是對使用js判斷數組中是否包含某一元素(類似于php中的in_array())需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12 
通過表單在iframe內向一個跨域的url提交的時候，如何判斷提交成功了呢？這個，基本上，很難，因為瀏覽器安全沙箱的限制，我們沒有辦法通過獲得iframe內部不同域頁面的信息。
2009-11-11 
本文通過實例代碼給大家分享了基于js 實現移動端整屏滑動效果，基本思路是檢測手指滑動方向，獲取手指抬起時的位置，減去手指按下時的位置，得正即為向下滑動了，具體實現代碼大家參考下本文
2017-11-11 
js vml制作的3D效果
2008-02-02 
這篇文章主要為大家詳細介紹了js實現動態(tài)添加上傳文件頁面，如何動態(tài)創(chuàng)建一個input標簽示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10