よろしくお願いします。JavaScriptは、ほとんど触ったことがなく、現在記述がわからず困って今sう。
htmlファイルの中から、外部ファイルに引数(referre)をつけて渡したく思います。で以下のようにやってみたのですが、
index.html
<script type="text/javascript" src="http://hoge.com/info.php?ref=' + document.write(document.referrer) + '"
charset="Shift-JIS"></script>
info.php
$ref = $_GET['ref'];
echo document.write('$ref');
info.phpから返ってくる答えは「' document.write(document.referrer) ' 」です。
index.html内の JAVASCRIPT部分が間違っているに違いないのですが、どうやって記述すればよろしいでしょうか?
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
src要素内はJavaScriptではないので、document.write()としても文字列としてしか認識されません。
info.phpにreferrerを渡すのでしたら、
<script type="text/javascript">
var ref = document.referrer ;
document.write("<script type=\"text/javascript\" src=\"http://hoge.com.info.php?ref="+ref+"\"></script> …
</script>
とする必要があります。
No.2
- 回答日時:
><script type="text/javascript" src="
http://hoge.com/info.php?ref=' + document.write(document.referrer) + '"charset="Shift-JIS"></script>
script要素の内容としてならともかく,src属性内はjavascriptではないと思うので多分ならない。(つまり文字連結演算子としても捕らえられることはない)
http://hoge.com/info.php?ref=' + document.write(document.referrer) +'
というURLになるだけだと思われる
No.1
- 回答日時:
Windows XP Pro SP2 + ANHTTPD 1.42p + PHP 5.2.3
参考資料
http://homepage1.nifty.com/yito/anhttpd/faq/php5 …
『Webサーバ上に載せたら』
すべてのファイルを同じフォルダに入れて
Q3205563-1.htmlへアクセス
==================Q3205563-1.html=================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>Q3204021 テストケース1</title>
</head>
<body>
<p><a href="Q3205563-2.html">ほげ</p>
</body>
</html>
====================Q3205563-2.html=============
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>Q3204021 テストケース1</title>
<style type="text/css">
p#hakka{background-color:red;}
p#fuga{background-color:green;}
</style>
<script type="text/javascript">
function init(){
alert(document.referrer);
var sc=document.createElement("script");
sc.setAttribute("type","text/javascript");
sc.setAttribute("src","Q3205563-3.php?ref=" + document.referrer);
var head = document.getElementsByTagName("head")[0];
head.appendChild(sc);
// hoge();をこの地点で実行できないみたいなので,読み込み終わったと思ったら
// 赤い部分をクリック
}
</script>
</head>
<body onload="init();">
<p>赤い部分をクリック</p>
<p id="hakka" onclick="hoge();">ほげ</p>
<p id="fuga">ふが</p> <!-- referrerがふがの後に追加される -->
</body>
</html>
===================Q3205563-3.php=====================
<?php
$ref = $_GET['ref'];
echo "function hoge(){\n";
echo "var fuga = document.getElementById('fuga');\n";
echo "if (fuga.hasChild){\n";
echo "fuga.firstChild.nodeValue +='" . $ref . "';\n";
echo "}else{\n";
echo "fuga.appendChild(document.createTextNode('" . $ref . "'));";
echo "}\n";
echo "}\n";
?>
この回答への補足
返答ありがとうございます。
一番聞きたい部分は、以下の文
<script type="text/javascript" src="http://hoge.com/info.php?ref=' + document.write(document.referrer) + '"
charset="Shift-JIS"></script>
の「'+document.write(document.referrer)+'" 」の文字列結合演算子なのですが、この書き方では、REFERRERを代入して文字列結合しませんでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「オブジェクトを指定してくだ...
-
JavaScriptでのEnterキーとAlt+...
-
SCRIPT5007: 未定義または NULL...
-
ボタンのID名を取得するには?
-
function の return 値を表示し...
-
ハイライト表示(タグの中を除...
-
return falseが効かない(F5キ...
-
このようなテキストの抽出は・...
-
JavaScriptでの西暦下2桁での表...
-
一定時間ごとに背景画像の切り...
-
金額の3桁区切り
-
リンクをクリックしてページの...
-
Webサイトを表示時にタイトルの...
-
IE6でDOMを使用した内容が表示...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
スマホ上で、左右スワイプで次...
-
【Google Apps Script】「ライ...
-
javascriptファイルは1つに統...
-
bodyにidをつける理由は何ですか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
function の return 値を表示し...
-
getElementsByNameで要素が取得...
-
SCRIPT5007: 未定義または NULL...
-
JavaScriptでiframeの内容を「...
-
フォーカス移動抑止について
-
キーを押している間の時間を計...
-
JavaScript でキーを送る
-
bodyタグのfocus
-
ボタンのID名を取得するには?
-
JavaScriptでのEnterキーとAlt+...
-
リンク移動先のURLを取得
-
初心者javascript ウィンドウサ...
-
自動ジャンプでフォームデータ...
-
乱数を一定時間毎に表示させた...
-
jQuery ツールチップの中のリンク
-
idHOGEで取得したinnerText(数...
-
フレームサイズの変更について
-
AjaxでDBから取得したデータを...
-
JavaScriptでの西暦下2桁での表...
-
ページ全体を検索して特定文字...
おすすめ情報