URL解码(Decode)/编码(Encode)

最新推荐文章于 2025-11-24 02:17:16 发布

原创最新推荐文章于 2025-11-24 02:17:16 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#url #string #javascript #button #input #html

JavaScript 专栏收录该内容

136 篇文章

订阅专栏

该博客展示了一段HTML代码，实现了URL解码与编码功能。页面包含输入框用于输入需解码或编码的字符串，以及对应的输出框显示结果，还有按钮触发解码和编码操作，使用JavaScript的decodeURI和encodeURI函数完成处理。

代码如下：
<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312'> <title>URL解码(Decode)/编码(Encode)</title> </head> <body> <center><font color=green size=+2>URL解码(Decode)/编码(Encode)</font><br> 需要解码的字符串:<TEXTAREA ID="String1" ROWS="10" COLS="30"></TEXTAREA> 解码后的字符串:<TEXTAREA ID="String2" ROWS="10" COLS="30"></TEXTAREA><br> 需要编码的字符串:<TEXTAREA ID="String3" ROWS="10" COLS="30"></TEXTAREA> 编码后的字符串:<TEXTAREA ID="String4" ROWS="10" COLS="30"></TEXTAREA><br> <INPUT TYPE="button" ID="Decode" value="解码(Decode)" onClick="javascript:String2.value=decodeURI(String1.value);"> <INPUT TYPE="button" ID="Encode" value="编码(Encode)" onClick="javascript:String4.value=encodeURI(String3.value);"> </center> </body> </html>
[Ctrl+A 全选提示:你可先修改部分代码,再点运行代码]