html中input的value內(nèi)容雙引號(hào)顯示問(wèn)題
html
- {"username":"test","age":18}
需要對(duì)雙引號(hào)部分進(jìn)行編碼才能正常展示。編碼后瀏覽器會(huì)自動(dòng)解釋出來(lái)。
編碼字符列表:
&:轉(zhuǎn)換為&
":轉(zhuǎn)換為"
':轉(zhuǎn)換為成為 '
<:轉(zhuǎn)換為<
>:轉(zhuǎn)換為>
編碼結(jié)果:
html
- {"username":"test","age":18}
- 內(nèi)容:<input type="text" value="{"username":"test","age":18}" />
解決方式:
js編碼內(nèi)容:
js
- str = '{"username":"test","age":18}';
- str = str.replace(/&/g,"&");
- str = str.replace(/</g,"<");
- str = str.replace(/>/g,">");
- str = str.replace(/\s/g," ");
- str = str.replace(/\'/g,"'");
- str = str.replace(/\"/g,""");
php編碼內(nèi)容:
php
- $str = '{"username":"test","age":18}';
- $str = htmlspecialchars($str);