検索文字の「+」は残る？

入力値を3通りで検索パラメータへ変換する実験です。入力の送信・保存・計測はしません。秘密情報は入力しないでください。

rawは文字の直接連結、setは元の値をset()に渡す方法、preEncodedThenSetは変換済みの値をset()へ渡す方法です。queryが検索パラメータ、readBackが読み戻した値です。

直接連結では+と&が区切りなどの記号として解釈されます。set()には元の値を渡します。先にencodeURIComponent()を使うと、%がさらに変換されます。

MDNの解説 · 自作HTML・CSS・JavaScript：CC0。実験のZIPを保存