2022年6月30日 星期四

[JS]取得網址及相關參數

網址範例: http://hugtest.com/test.html?id=2


取得完整網址

href=location.href

console.log('location.href:'+href) -> http://hugtest.com/test.html?id=2


取得Host

host=location.host

console.log('location.host:'+host) -> hugtest.com


取得Protocol

protocol=location.protocol

console.log('location.protocol:'+protocol) -> http:


取得網頁路徑

pathname=location.pathname

console.log('location.pathname:'+pathname)->test.html


取得search 文字

search=location.search

console.log('location.search:'+search)->?id=2


取得參數內容

urlPara=new URL(href) //href為上方的完整網址

para=urlPara.searchParams.get('id') //id為上放要取得的參數名稱

console.log('para:'+para)->2


檢查是否有參數

urlPara=new URL(href) //href為上方的完整網址

ispara=urlPara.searchParams.has('id') //id為上放要取得的參數名稱

console.log('ispara:'+ispara)->true


沒有留言:

張貼留言