encodeURI和encodeURIComponent的区别

最新推荐文章于 2024-11-07 11:52:58 发布

weixin_45849565

最新推荐文章于 2024-11-07 11:52:58 发布

阅读量131

点赞数

文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_45849565/article/details/137509184

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>encodeURI和encodeURIComponent的区别</title>
</head>

<body>
    <script>
        // encodeURI：此函数用于对整个 URI 进行编码，而不仅仅是 URI 的某个部分。
        // 它不会对 URI 中的保留字符（如 /、:、;、?、&、= 等）进行编码，因为这些字符在 URI 中具有特定含义。
        // 因此，对于查询字符串参数或路径段，应使用 encodeURIComponent 而不是 encodeURI
        console.log("encodeURI", encodeURI('/'))
        console.log("encodeURI", encodeURI(':'))
        console.log("encodeURI", encodeURI(';'))
        console.log("encodeURI", encodeURI('?'))
        console.log("encodeURI", encodeURI('&'))
        console.log("encodeURI", encodeURI('='))
        console.log("encodeURIComponent", encodeURIComponent('/'))
        console.log("encodeURIComponent", encodeURIComponent(':'))
        console.log("encodeURIComponent", encodeURIComponent(';'))
        console.log("encodeURIComponent", encodeURIComponent('?'))
        console.log("encodeURIComponent", encodeURIComponent('&'))
        console.log("encodeURIComponent", encodeURIComponent('='))
       
    </script>
</body>

</html>