欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

一、應(yīng)用場景

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

二、具體實現(xiàn)

1.字符串拼接

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

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

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

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

所以我們在拼接參數(shù)的時候要先行判斷，原url是否已經(jīng)包含參數(shù)，如果不包含要以?開頭，反之要以&開頭

2.URL對象實現(xiàn)

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

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

我們就得到了一個解析好的URL對象

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

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

相關(guān)文章

最新評論