nakahashi_h https://blog.hatena.ne.jp/nakahashi_h/ websandbag ブログ https://blog.websandbag.com/ javascript 外部データをやり取りする際、データの取得はGETメソッドで行う場面が多いと思います。 GETメソッドの場合、特定の文字や情報を検索したり、データ形式を指定したりするためにパラメータを用いる事があります。 パラメータが少なければ、一つ一つ結合しても問題ありません。 しかし、パラメータが動的で多くなる場合は、単純に結合するのはあまり得策ではありません。 かといって、URLを生成するライブラリを導入してまで効率化する程の事でもありません。 今回は、javascriptの関数だけで、動的なプロパティに対応する方法について記述します。 実装方法 例えば、次のようなURLを作りたいとします。 https:… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.websandbag.com%2Fentry%2F2020%2F08%2F30%2F171357" title="【javascript】動的なパラメータを含むURLを生成する - websandbag ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nakahashi_h/20200630/20200630162830.png Hatena Blog https://hatena.blog 2020-08-30 17:13:57 rich https://blog.websandbag.com/entry/2020/08/30/171357 1.0 100%