JS實(shí)現(xiàn)獲取當(dāng)前URL和來源URL的方法
本文實(shí)例講述了JS實(shí)現(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://www.dbjr.com.cn/index.html 進(jìn)來
那么:
獲取當(dāng)前的URL是:http://www.dbjr.com.cn/demo.html
獲取來源的URL是:http://www.dbjr.com.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動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
利用AJAX實(shí)現(xiàn)WordPress中的文章列表及評論的分頁功能
在文中列表頁方面利用AJAX制作滾動(dòng)到底觸發(fā)翻頁的效果比較常見,而在評論加載時(shí)AJAX顯示正在加載也很常用,下面就來看一下如何利用AJAX實(shí)現(xiàn)WordPress中的文章列表及評論的分頁功能2016-05-05用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)
用js實(shí)現(xiàn)的一個(gè)根據(jù)內(nèi)容自動(dòng)生成表格的函數(shù)...2007-08-08JavaScript基礎(chǔ)篇(6)之函數(shù)表達(dá)式閉包
這篇文章主要介紹了javascript基礎(chǔ)篇(6)之函數(shù)表達(dá)式閉包的相關(guān)資料,需要的朋友可以參考下2015-12-12原生js實(shí)現(xiàn)Flappy Bird小游戲
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)Flappy Bird小游戲,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-12-12原生javascript移動(dòng)端滑動(dòng)banner效果
這篇文章主要為大家詳細(xì)介紹了原生javascript移動(dòng)端滑動(dòng)banner效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03js 數(shù)組隨機(jī)字符串(廣告不重復(fù))
今天一個(gè)網(wǎng)友想讓他的廣告隨機(jī)顯示,每次刷新廣告的內(nèi)容都不一樣,經(jīng)過參考源碼網(wǎng)站分析就是通過下面代碼實(shí)現(xiàn),特分享下方便需要的朋友2013-08-08