亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)代碼

 更新時(shí)間：2023年12月28日 08:52:56   作者：程序員的脫發(fā)之路  
這篇文章主要給大家介紹了關(guān)于前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)的相關(guān)資料,url地址拼接是經(jīng)常會(huì)遇到的問題,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下

一、應(yīng)用場(chǎng)景

我們有時(shí)候會(huì)遇到瀏覽器URL拼接參數(shù)的場(chǎng)景，例如頁面跳轉(zhuǎn)時(shí)，帶上一個(gè)特定的標(biāo)識(shí)：https://www.baidu.com?from=csdn

二、具體實(shí)現(xiàn)

1.字符串拼接

我們首先能想到用字符串拼接的方式實(shí)現(xiàn)

const baseUrl = 'https://www.baidu.com'
const url = baseUrl  + '?from=csdn'

但是如果要跳轉(zhuǎn)的url并不是固定的時(shí)候，比如：

const baseUrl = 'https://www.baidu.com/s?wd=time'
const url = baseUrl  + '&from=csdn'

所以我們?cè)谄唇訁?shù)的時(shí)候要先行判斷，原url是否已經(jīng)包含參數(shù)，如果不包含要以?開頭，反之要以&開頭

2.URL對(duì)象實(shí)現(xiàn)

我們可以用瀏覽器給我們提供的URL API（不兼容IE）

  const url = new URL("https://www.baidu.com/s?wd=time");
  console.log(url)

我們就得到了一個(gè)解析好的URL對(duì)象

如果我們想增加參數(shù)，直接在searchParams對(duì)象中增加就行

  const url = new URL("https://www.baidu.com/s?wd=time");
  url.searchParams.append('from', 'csdn');
  console.log(url)

這樣我們的參數(shù)就添加好了，我們只需要調(diào)用 url.toString()方法就能得到完整的路徑了

三、完整代碼

  const url = new URL("https://www.baidu.com/s?wd=time");
  url.searchParams.append('from', 'csdn');
  console.log(url)
  console.log(url.toString())

總結(jié) 

到此這篇關(guān)于前端URL拼接路徑參數(shù)具體實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)前端URL拼接路徑參數(shù)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論