【JavaScript】「フォーム入力文字」を「URLの#以降(hash)」に表示
はじめに
「フォームに入力した文字」をリアルタイムで「URLの#以降(hash)」に表示するJavaScriptです。
《 もくじ 》
■ HTMLコード
■ JavaScriptコード
■ HTMLコード
// ** [入力] 「URLの#以降(hash)」に表示させたい文字を入力
<form method="post">
<textarea id="FormWord" rows="10" cols="20"></textarea>
</form>■ JavaScriptコード
《 注意事項 》
このJavaScriptコードは脆弱性対策を行っていません。
「URLの#以降(hash)」の文字を取得して何かを行うツールを作る場合、「HTMLエスケープ/サニタイジング(特殊文字の無害化)」などの脆弱性対策が必要になります。
《 関連情報 》
・ URL パラメータORクエリ 脆弱性 - Google検索
https://www.google.com/search?q=URL+%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BFOR%E3%82%AF%E3%82%A8%E3%83%AA+%E8%84%86%E5%BC%B1%E6%80%A7
・ DOM based XSS - Google検索
https://www.google.com/search?q=DOM+based+XSS
window.onload = function() {
// ** [取得] 「フォームに入力した文字」を取得
// ** [転送] 取得した文字を「URLの#以降(hash)」に表示
function FormToHash(){
location.hash = encodeURIComponent(document.getElementById("FormWord").value);
}
// ** [更新] 1000ミリ秒ごとに更新
setInterval(FormToHash, 1000);
};(text)
◇ ◇ ◇
《 過去に作成したnoteの記事リスト 》
https://note.com/text_sakura/n/na2cd73291236
《 記事についてのお問い合わせ先 》
text.sakura.note@gmail.com
※ 添付ファイルが含まれるメールは受け取ることができません。
※ テキストのみでお願いいたします。
いいなと思ったら応援しよう!
読んでくれてありがとうございます 😄 このnoteでは「トークテーマ一覧」「note記事テーマ一覧」「配信企画一覧」など、まとめ記事を中心に書いています ✏️ 役に立ちそうな記事がありましたら、自由にご利用ください ☕ 記事一覧は『サイトマップ』で見られます 📄