JS转义解码方法

本文介绍了JavaScript中用于处理字符串编码的三种方法:escape(), encodeURI() 和 encodeURIComponent(),及其对应的解码函数。同时提供了在前后端交互中保护文本样式并确保安全性的实用转义方法。

之前只知道可以解决传值乱码问题,今天刚好看到,从新补充下: 

JavaScript中有三个可以对字符串编码的函数,分别是:

  

转义方法:
    escape();//函数可对字符串进行编码
    encodeURI();//函数可把字符串作为 URI 进行编码。
    encodeURIComponent();//函数可把字符串作为 URI 组件进行编码。    


解码函数方法:
    unescape();
    decodeURI();
    decodeURIComponent();

在网站有些地方需要发表文本 需要保存文本的样式,然后处于安全,后台会过滤标签,这样就需要转义传入,

2.还有方法就是转义尖括号

在传入数据库之前,做如下操作

function filter(str){var s = str;
    s = s.replace(/</g,'&lt;');
    s = s.replace(/>/g,'&gt;');
    return s;
}

然后再页面显示之前做如下操作吧括号转回来

  function filters(str){
            var s= str;
            s = s.replace(/&lt;/g,'<');
            s = s.replace(/&gt;/g,'>');
            return false;
        }

 

转载于:https://www.cnblogs.com/bruce-gou/p/5238718.html

### JavaScript 字符串转义方法 在JavaScript中,字符串转义是一种常见操作,尤其是在处理特殊字符或非标准字符集时。通过转义字符,可以在字符串中表示一些具有特殊含义的字符,或者无法直接输入的字符。以下是JavaScript中常用的字符串转义方法及其使用示例。 #### 常见的转义字符 JavaScript支持一系列标准的转义字符,这些字符可以用于表示不可打印字符或具有特殊功能的字符。以下是一些常见的转义字符示例: - `\b`:退格符(Backspace) - `\f`:换页符(Form feed) - `\n`:换行符(Newline) - `\r`:回车符(Carriage return) - `\t`:水平制表符(Horizontal tab) - `\v`:垂直制表符(Vertical tab) - `\\`:反斜杠(Backslash) - `\"`:双引号(Double quote) - `\'`:单引号(Single quote) - `\0`:空字符(Null character) 这些转义字符可以用于字符串中,以表示特定的控制字符或特殊符号。例如: ```javascript var example = "Hello,\nWorld!"; console.log(example); // 输出: // Hello, // World! ``` #### 使用 `decodeURIComponent` 和 `encodeURIComponent` 进行URL编码与解码 除了基本的转义字符外,JavaScript还提供了用于URL编码和解码的函数。`encodeURIComponent` 和 `decodeURIComponent` 是用于处理URL中特殊字符的标准方法。它们可以将非ASCII字符转换为URL安全的编码格式,并在需要时将其还原为原始字符。 例如,将中文字符进行URL编码并解码的过程如下: ```javascript var original = "洛神赋"; var encoded = encodeURIComponent(original); console.log(encoded); // 输出: %E6%B4%9B%E7%A5%9E%E8%B5 var decoded = decodeURIComponent(encoded); console.log(decoded); // 输出: 洛神赋 ``` 该方法适用于处理URL参数、表单数据以及需要在网络上传输的字符串数据[^1]。 #### 使用第三方库进行高级转义处理 对于更复杂的字符串转义需求,JavaScript社区提供了一些轻量级的库,如 `escapes.js`,它专门用于处理字符串的转义和反转义操作。这类库通常提供更丰富的功能,如HTML实体编码、CSS转义等,适用于前端开发中对安全性要求较高的场景。例如: ```javascript // 假设使用 escapes.js 库 var escaped = escapes.escape('<script>alert("XSS")</script>'); console.log(escaped); // 输出: <script>alert("XSS")</script> ``` 此类库在处理HTML内容、防止XSS攻击等方面具有显著优势[^4]。 #### 模板字面量中的字符串处理 ES6引入了模板字面量(Template Literals),它使用反引号(`` ` ``)包裹字符串,并支持多行字符串和变量插值。模板字面量在处理特殊字符时更加灵活,避免了传统字符串中需要频繁使用转义字符的问题。例如: ```javascript var name = "张三"; var message = `你好,${name}! 这是一个多行字符串示例。`; console.log(message); // 输出: // 你好,张三! // 这是一个多行字符串示例。 ``` 这种方式简化了字符串拼接和格式化操作,提高了代码的可读性和可维护性[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值