javascriptの勉強中しはじめたばかりでわからないとこがあったのでご教授ください。
まずあるホームページA(URL:http://192.168.1.110)からホームページBに飛びます。
ホームページBにはimgがあり、そのimg(飛び先URL:http://192.168.1.111)を押すとクリックURLにリファラ(ホームページAのURL)を付与(例:http://192.168.1.111?ref=http://192.168.1.110)して、
次のページへいくのにはどのようにすればいいか教えてください。
よろしくお願いします。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
リファラを別のページにパラメータとしてわたすということは
サーバー側でパラメータを利用することを想定していますよね?
で、あればリファラをセッションで次のページに渡してやるのが妥当でしょう。
なおjavascriptでわたすならencodeURIComponent()などでurl用のエンコードを
かけてやらないと思った通りにデータがとおらないかもしれませんね
No.3
- 回答日時:
失礼、imgの飛び先はホームページBじゃないんですね。
function urlset(e){
var target = e?e.target:event.srcElement;
if(target.id == "http://192.168.1.111/"){
var url="";
target.parentNode.href=encodeURI(url+"?ref="+document.referrer);
}
}
ですね、それと<a>は↓みたくしておきます。
<a href="javascript:Void(0);"><img id="hoge" src="hoge.img" alt="hogeへリンク"></a>
No.2
- 回答日時:
いつも、ホームページAから飛んでくると限らないなら、
javascriptを使って
<script type="text/javascript">
if('undefined' != typeof document.addEventListener)
document.addEventListener('click',function(event){urlset(event);},false);
else if('undefined' != typeof document.attachEvent)
document.attachEvent('onclick',function(event){urlset(event);});
function urlset(e){
var target = e?e.target:event.srcElement;
if(target.id == "hoge"){
target.parentNode.href=encodeURI(location.href+"?ref="+document.referrer);
}
}
</script>
でどうでしょうか
(全角空白は半角空白にしてください)
No.1
- 回答日時:
javascriptを使用しなくても
<a href="ttp://192.168.1.111?ref=ttp://192.168.1.110"><img src="○○" alt="××"></a>
みたいにしておくことでもいけるのでは?
HTMLのhref記述は通常のままでjavascriptで処理をするのなら、
ページ全体のクリックを監視して、対象とするリンク要素だったらクエリ部分を追加してジャンプする。
あるいは、
ページロード時に、対象とするリンク要素のhref部分を(↑)のようにクエリ付きに書き換えておく
ことでもできそうですね。
使用するurlがどのようなものか不明ですが、実際にはURIエンコードしておく必要がありそう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- HTML・CSS エクセルのファイルのダウンロード 前にアップしたファイルがダウンロードされる 1 2022/11/13 13:02
- SEO Googleで会社名を入れて検索するとホームページが表示されるようにしたい 4 2022/09/06 23:36
- その他(ソフトウェア) ホームページにあるPDFファイルをたくさんダウンロードしたいんですがオススメのソフトありますか? 2 2023/02/23 15:43
- WordPress(ワードプレス) サイトのURLリンクについて 先ほどホームページのURLリンクを今まで指定していたものから別のものに 1 2022/05/24 14:10
- その他(IT・Webサービス) メニューについて 3 2022/07/12 16:06
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- SSL・HTTPS httpとhttpsの安全性のちがいについておしえてください 3 2022/11/18 22:51
- JavaScript Q&Aの掲示板を作成していてヤフー知恵袋やgoo質問のように質問ごとにURLを生成したい 5 2023/08/04 01:22
- その他(ネットショッピング・通販・ECサイト) 中国のサイトで注文して昨日の返信です 配送状況は、下記配達会社のWEBサイトにご確認いただけます。 3 2022/12/31 08:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
VC++2005で画面上にGIF画像(透...
-
imgボタンにfocusの当て方
-
文字列からある部分のみを削除...
-
外部javascriptの重複を防ぐには
-
error LNK2019 未解決のシンボ...
-
Firefoxでクリックした時の座標...
-
【OpenCV】二値画像後、白の部...
-
MAX関数を使ってからLEFT JOIN...
-
jspでcssが読み込めない
-
Javascript初心者|jQueryの.va...
-
eclipseでcssを使うためには?
-
[急ぎ] videoタグで埋め込んだm...
-
console.log結果をhtmlで表示し...
-
【CSS】floatで左右に並べた...
-
デフォルト非表示にしたい。【t...
-
画像の座標位置取得
-
キャラクターがぴょこんと飛び...
-
javascriptテキストBOX色を元に...
-
CSS 可変マージン
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptで変更した属性の元...
-
MFCで画像を表示させているので...
-
画像が表示でnull; this.src
-
Vb.net2005での画像の合成方法
-
error LNK2019 未解決のシンボ...
-
onclickで画面が固まる・・・ら...
-
リンク先を動的に変更する
-
【OpenCV】二値画像後、白の部...
-
(javascript)HTMLで指定した...
-
jQuery 複数のfind()
-
外部javascriptの重複を防ぐには
-
ラズパイでno module named zbar
-
条件分岐でキーが入力されてい...
-
かぶらないランダム画像
-
OpenCV での画素値の比較について
-
HTMLからimgのsrcのみを正規表...
-
pythonで、tkinterとpillowの組...
-
imgボタンにfocusの当て方
-
OpenCVでサンプルコードを使う...
-
指定したフォルダの画像を一括...
おすすめ情報