[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。 たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が
![[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った](https://cdn-ak-scissors.b.st-hatena.com/image/square/b26f7dc8f9e783316f720174980e93c627438d74/height=288;version=1;width=512/https%3A%2F%2Fefcl.info%2Fpublic%2Ffavicon.png)
hash(url の #~)を監視して変更イベントを発行するようにする tm.hash-observer.js を作りました | TM Life
前回に引き続き dispatch メソッドを活用したスクリプトです. hash の値を監視して, 値に応じて表示物を変えるというテクニックは Gmail や Twitter といった Web サービスでも使われている テクニックです. 画面の更新が不要で情報を設定することができるので Ajax の普及と共に重要な技術となりました. ちなみに名前は 『Unique URLs』(昔エントリーとしてまとめたのでよかったらこちらも) しかし, このテクニックには問題があります. 戻る/進むボタンに反応しないのです!! hash 値の変更イベントを発行する処理がネイティブにはないので, 表示を変えることができないのです. この問題を解決するのが 『tm.hash-observer.js』 です. 『tm.hash-observer.js』は hash(url の #~)値を監視し, 変更があった際に
JavaScriptリファレンス - URL情報(location)操作
<input type="button" value="トップ" onclick="location.hash='top'">
JavascriptでURLの正規表現チェック2 - AmidaikeBlog
前回id:amidaike:20130405の正規表現ではhoge.hogeとか 訳の分からないドメインでもURLとしてみなされてしまうので、 トップレベルドメインも指定してみる事にしますたﾉｼ トップレベルドメインはWikipediaのトップレベルドメイン一覧を参考にしています。 こんなにも必要なければcomとかjpとか必要な物だけ記入してください。 function isUrl(str) { var pattern = new RegExp('^(https?:\\/\\/)?'+ // protocol '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+(aero|asia|biz|cat|com|coop|edu|gov|info|int|jobs|mil|mobi|museum|name|net|org|pro|tel|travel|xxx|ac|ad
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript
