- ベストアンサー
URLの反映方法とJavaScriptの活用
- URLの後に付けた文字をページに反映させる方法について説明します。
- JavaScriptを使用することで、指定した部分に文字を反映させることができます。
- 具体的な例として、URLに含まれる文字を使用して、リンクを作成する方法をご紹介します。
- betamaka
- お礼率100% (55/55)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
?text=○○ が指定されていないと エラーになる書き方なので実用向きではないですが、 わかりやすくするため エラー回避は 省きました。 [http://example.com/index.html?text=info.html] <html> <head> <script type="text/javascript"> var qsParm = new Array(); var query = window.location.search.substring(1); var parms = query.split('&'); for (var i=0; i<parms.length; i++) { var pos = parms[i].indexOf('='); if (pos > 0) { var key = parms[i].substring(0,pos); var val = parms[i].substring(pos+1); qsParm[key] = val; } } </script> <head> <body> <script type="text/javascript"> document.write('<a href="'+qsParm["text"]+'">'+qsParm["text"]+'へジャンプ</a>'); </script> </body> </html>
その他の回答 (1)
- noris02
- ベストアンサー率74% (56/75)
http://example.com/index.html?text=info.html の ?以降の値を 受け取るもしくは送り出すには GETリクエスト というものを 使います。 脱線しますが、 <form method="post"></form> や <form method="get"></form> など あり、重宝します。 javascript で get (?text=info.html の text の値)を 受け取る場合、 jsで url を 取得し、 split で 連想配列 に textのキーワードに値を入れてあげれば 扱えると思います。 http://archiva.jp/web/javascript/get_query-string.html に getを取得し 配列に入れ込むというものがありました。 >>そして document.write('<a href="'+text+'">'+text+'へジャンプ</a>') >>これが <a href="info.html">info.htmlへジャンプ</a> こう表示されるような。 ここまで、出ていれば、追記は必要なさそうな気が・・・。がんばってください。
お礼
すいません。 JavaScriptについては学び始めたばかりなので お時間がありましたらスクリプトのサンプルをお願いしたいのですが。 書いてあることは理解できるんですがなかなかうまくいきません。
お礼
ありがとうございます！ 思い通りのことができました。 いろいろ応用できそうなのでやってみます。