JavaScriptでリンク先URLがhttp/httpsか確認する方法 - 葉っぱ日記

テクノロジーカテゴリーの変更を依頼記事元:

hasegawa.hatenablog.com

74users がブックマークコメント

コメント

8

記事へのコメント8件

注目コメント
新着コメント

kazuhooku 仕様的には URLUtils の一部で、だから HTMLAnchorElement#toString() は URL を返すのか。なにこれキモ(ry

2014/10/30 リンク

sho 相対パスの場合にprotocolを得る方法

2014/11/04 リンク

igrep そっかjavascript:とかにも注意しなくちゃいけないんでした。せやったせやった。。。

2014/11/01 リンク

raimon49 DOMを信じてnew URL( url, location.href );相当のプロトコル判定。

2014/10/30 リンク

n2s a要素によるパースに任せれば楽になるという話

2014/10/30 リンク

rryu HTML5からそういうものが増えているのか。http://www.w3.org/TR/html5/text-level-semantics.html#the-a-element

2014/10/30 リンク

efcl DOM a要素にhttp/httpsな文字列を入れると、それ以外のパターンだと弾かれるのを利用して判定する。 new URLが使える場合はそっちを使う話

DOM
URL

2014/10/30 リンク

kazuhooku 仕様的には URLUtils の一部で、だから HTMLAnchorElement#toString() は URL を返すのか。なにこれキモ(ry

2014/10/30 リンク

teramako new URL()相当のことをIEでもって話なのね。最後まで読んでようやく理解。

2014/10/30 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

JavaScriptでリンク先URLがhttp/httpsか確認する方法 - 葉っぱ日記

JavaScriptで動的にリンクを生成する際に、DOM-based XSSを防ぐためにリンク先がhttpあるいはhttpsに限... JavaScriptで動的にリンクを生成する際に、DOM-based XSSを防ぐためにリンク先がhttpあるいはhttpsに限定されていることを確認したい場合がある。典型的には以下のようなコードとなる。 var div, elm; // 変数 url は攻撃者がコントロール可能な文字列 if( url.match( /^https?:\/\// ) ){ div = document.getElementById( "info" ); elm = document.createElement( "a" ); elm.setAttribute( "href", url ); elm.appendChild( document.createTextNode( url ) ); div.appendChild( elm ); } この場合、変数urlに「http://example.jp」や「

ブックマークしたユーザー

watermaze2015/11/12
razokulover2014/12/20
moqada2014/12/16
polyhound2014/12/12
tyage2014/11/08
dellab722014/11/05
sho2014/11/04
sudo_vi2014/11/03
side_tana2014/11/03
UDONCHAN2014/11/03
karupanerura2014/11/01
igrep2014/11/01
milk1000cc2014/10/31
moonblogger2014/10/31
koba042014/10/31
kazuyadesse2014/10/31
masayoshinym2014/10/31
atomer2014/10/31

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx