js前端URL含有特殊字符的轉碼的實現(xiàn)
更新時間：2023年06月28日 09:18:54 作者：迷途小碼農008
本文主要介紹了js前端URL含有特殊字符的轉碼的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
有些符號在URL中是不能直接傳遞的，如果要在URL中傳遞這些特殊符號，那么就要使用他們的編碼了。下表中列出了一些URL特殊符號及編碼
十六進制值
1. + URL 中+號表示空格 %2B
2. 空格 URL中的空格可以用+號或者編碼 %20
3. / 分隔目錄和子目錄 %2F
4. ? 分隔實際的 URL 和參數(shù) %3F
5. % 指定特殊字符 %25
6. # 表示書簽 %23
7. & URL 中指定的參數(shù)間的分隔符 %26
8. = URL 中指定參數(shù)的值 %3D
問題：url 傳有特殊字符出現(xiàn)丟失，因為特殊字符會被特殊處理
方法一：正則替換
var str = str.replace(/\+/g, "%2B"); //"+" 轉義 var str = str.replace(/\&/g, "%26"); //"&" 轉義 var str = str.replace(/\#/g, "%23"); //"#" 轉義
方法二：encodeURIComponent(str) 方法 （推薦）
let str = 'NBA+'; str = encodeURIComponent(str); console.log(str) // NBA%2B
- 當然，可以兩者結合，再你不知道該特殊字符的轉義的時候，可以使用
encodeURIComponent()來得到，就像你不知道鍵盤某鍵的keyCode一樣 - 另外，
decodeURIComponent()是解碼，decodeURIComponent(encodeURIComponent("+")) === '+', true
到此這篇關于js前端URL含有特殊字符的轉碼的實現(xiàn)的文章就介紹到這了,更多相關js URL特殊字符轉碼內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了js圖片卷簾門導航菜單特效，一款很新穎的圖片導航菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
下面小編就為大家?guī)硪黄僯s代碼制作的網頁時鐘特效【附實例】。小編覺得聽錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-03-03
下面小編就為大家?guī)硪黄猨s獲取新浪天氣接口的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
深拷貝和淺拷貝是面試中經常出現(xiàn)的,主要考察對基本類型和引用類型的理解深度,本文主要給大家介紹了js實現(xiàn)深拷貝和淺拷貝的方式,需要的朋友可以參考下2022-05-05
年底了各個公司都有抽獎活動，我也寫了一個超級簡單的代碼來實現(xiàn)抽獎效果，這里沒有華麗的Css3效果，但卻有短小精悍的js代碼。2015-01-01
這篇文章主要為大家詳細介紹了js指定步長實現(xiàn)單方向勻速運動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
本文主要介紹了JavaScript 對象合并的幾種方法小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
實例解析package.json和最常見的scripts字段
日常開發(fā)中，現(xiàn)在的前端開發(fā)已經被三大框架取代，其中最主流的不過vue和react，而開發(fā)這些項目的時候不得不接觸package.json這個文件，可你真的了解這個文件嗎？今天給大家聊聊package.json和最常見的scripts字段，感興趣的朋友一起看看吧2023-04-04
下面小編就為大家?guī)硪黄獪\談js中的變量名和函數(shù)名重名。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要介紹了小程序如何使用分包加載的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-05-05