No.5ベストアンサー
- 回答日時:
> じつは
> http://dogmap.jp/2008/01/16/supercharged-javascr …
> をしようとしているのですが、
こちらの方は、まったく別の構造でjsファイルを読み込んでますね。
> <script src = "scripts/yahoo.js, dom.js, event.js, dragdrop.js, slider.js">
といった記述では、
1. ブラウザはWWWサーバに「scripts/yahoo.js, dom.js, event.js, dragdrop.js, slider.js」という一つのファイルを要求する。
2. WWWサーバは、リクエストを「scripts.php?file=yahoo.js, dom.js, event.js, dragdrop.js, slider.js」に変換する(.htaccessの設定)
3. 「scripts.php」というPHPスクリプトに「file=yahoo.js, dom.js, event.js, dragdrop.js, slider.js」という引数を渡して起動する。
4.PHPスクリプトは、引数を「javascriptファイルがコンマ区切りで複数指定されている」と解釈して「連結したJavaScriptファイルを返す」
5.結果として、ブラウザは<script src="scripts/…">で指定した複数のjsファイルを連結したものを受け取る
という流れになります。
ブラウザ側は1個のファイルをサーバに要求して、1個のファイルを受け取ってるだけです。
決して、HTMLの文法として、script src= で、コンマ区切りで複数のファイルが指定できるわけではありません。
この方法は、.htaccess で WWWサーバの動作を指定して、2のURL書き換えを行うのが最大のキモです。それが出来ないと、このPHPスクリプトはまったく動作しません。確認方法としては、
> <script src = "scripts.php?file=yahoo.js, dom.js, event.js, dragdrop.js, slider.js">
と指定してJSファイルの読み込みが出来るなら、「PHPスクリプトは動作しているが .htaccessの記述がうまくいっていない」という状況で、
動作しなければ、「PHPスクリプトが正しく動作していない」
ということになります。
No.4
- 回答日時:
a.js?b.js,c.js
a.js の引数に b.js,c.js を設定することで、a.js を function と見立てて b.js , c.js がマージされるのですね。
No.3
- 回答日時:
こんにちは。
動作確認したわけでないのですが、
質問者様が開示したURLのやりかたですと
<script type="text/javascript" src="a.js,a.js,c.js"></script>
ではなくて
<script type="text/javascript" src="a.js?b.js,c.js"></script>
とかではないでしょうか。
一つ目の後を?でつないであとはカンマと書いてあります。
No.2
- 回答日時:
なるほど、そんなやり方があったのですね。
参考サイトの例をよく見ると
<script type="text/javascript" src="○○○.js?△△△.js,×××.js">
</script>
一つ目のJSの後ろに?がついてますね。これが肝ですよ。
私は、やった事ないし、やろうとも思わないし、やる必要性もかんじませんが...
この回答への補足
じつは
http://dogmap.jp/2008/01/16/supercharged-javascr …
をしようとしているのですが、
カンマ区切りでテストしてもjsが読み込まれなかったもので、
説明不足で申し訳ございません。
ちなみに?に左右されないみたいです。
No.1
- 回答日時:
そのような使い方はできないからです。
<script type="text/javascript" src="a.js"></script>
<script type="text/javascript" src="b.js"></script>
<script type="text/javascript" src="c.js"></script>
と記述するか、
a.js b.js c.js を一つのファイルにマージして
<script type="text/javascript" src="a.js"></script>
とするかです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript jsで、switch文で書かれた分をif文にできませんか。 1 2022/07/28 15:10
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 【jquery】EasyUIのSubGridにMySQLのテーブルデータを表示&編集にしたい 5 2022/05/02 13:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教える店舗&オフィスのセキュリティ対策術
中・小規模の店舗やオフィスのセキュリティセキュリティ対策について、プロにどう対策すべきか 何を注意すべきかを教えていただきました!
-
javascriptファイルは1つに統合できますか
JavaScript
-
複数のjavascriptを使うと動かなくなる
JavaScript
-
ひとつの外部ファイルに複数の関数を設定してそれぞれ呼び出したい
JavaScript
-
-
4
html テーブルのセルにリンクを張りたい
その他(コンピューター・テクノロジー)
-
5
ACCESSで入力フォームをHTMLファイルにしたい
その他(データベース)
-
6
データベース関係で、データの洗い替えとはどのような事を行うことでしょう
IT・エンジニアリング
-
7
html でのテキスト結合について
その他(プログラミング・Web制作)
-
8
【jQuery】input nameの文字列を変数を使い動的にする方法
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptとApacheの設定
-
cssにjavascriptを入れる?呼び...
-
Jquery.PHPファイルのechoが表...
-
別ファイルのfunctionの読み込み方
-
javascriptのalertで文字化けが...
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
JavaScript内の関数を別のファ...
-
外部jsファイルから本体の関数...
-
<script src="">読み込まない
-
メールフォーム、受信メールの...
-
複数ファイルアップロードはAja...
-
URLに変数を指定できるのか
-
条件分岐で、読み込む外部スク...
-
javascriptで別ファイルから変...
-
外部ファイルでBODYのonloadイ...
-
JavaScriptの外部ファイル化とS...
-
javascriptファイルは1つに統...
-
ひとつの外部ファイルに複数の...
-
【Google Apps Script】「ライ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
【Google Apps Script】「ライ...
-
cssにjavascriptを入れる?呼び...
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
javascriptファイルは1つに統...
-
JavascriptとJqueryを混在し記述
-
<script src="">読み込まない
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
javascript内で外部ファイルを...
-
外部読み込みで動かないときの...
-
外部ファイルを実行
-
プルダウンメニューを別ファイ...
-
ホームディレクトリを示すチル...
-
外部.jsの内容を一部置き換えて...
-
xmlHttpRequest.send( EncodeHT...
おすすめ情報