JS實現(xiàn)獲取當(dāng)前URL和來源URL的方法
本文實例講述了JS實現(xiàn)獲取當(dāng)前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>
當(dāng)前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>
效果圖:
假設(shè)是通過 http://chabaoo.cn/index.html 進(jìn)來

那么:
獲取當(dāng)前的URL是:http://chabaoo.cn/demo.html
獲取來源的URL是:http://chabaoo.cn/index.html

說明:
document.URL 屬性可返回當(dāng)前文檔的 URL。
document.referrer 屬性可返回載入當(dāng)前文檔的文檔的 URL。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能
在文中列表頁方面利用AJAX制作滾動到底觸發(fā)翻頁的效果比較常見,而在評論加載時AJAX顯示正在加載也很常用,下面就來看一下如何利用AJAX實現(xiàn)WordPress中的文章列表及評論的分頁功能2016-05-05
用js實現(xiàn)的一個根據(jù)內(nèi)容自動生成表格的函數(shù)
用js實現(xiàn)的一個根據(jù)內(nèi)容自動生成表格的函數(shù)...2007-08-08
JavaScript基礎(chǔ)篇(6)之函數(shù)表達(dá)式閉包
這篇文章主要介紹了javascript基礎(chǔ)篇(6)之函數(shù)表達(dá)式閉包的相關(guān)資料,需要的朋友可以參考下2015-12-12
js 數(shù)組隨機(jī)字符串(廣告不重復(fù))
今天一個網(wǎng)友想讓他的廣告隨機(jī)顯示,每次刷新廣告的內(nèi)容都不一樣,經(jīng)過參考源碼網(wǎng)站分析就是通過下面代碼實現(xiàn),特分享下方便需要的朋友2013-08-08

