外部読み込みで動かないときの対処法

Question

プログラミングの入口にも立っていない初心者です。あるプログラムを導入することになりました。 htmlに直接記述した場合はjsが動いていることが確認ができるのですが、外部読み込みにした場合、なぜか動きません。記述方法がまちがっているのでしょうか？サイト運営の手間を考えて、絶対外部読み込みにする必要があります。。《動く…jsをhtmlに直接記述》 ------------------------------------------------------ js/sample.jsの記述 ------------------------------------------------------ document.write(unescape("%3Cscript src='" + document.location.protocol + '//www.sample.com/js?pcid=PC-123456-A' + "' type='text/javascript'%3E%3C/script%3E")); (function() { var pc = new predicta.PClick(); pc.start(); })(); ちなみに、その他にも外部読み込みし、動いているJavaScriptはあります。ご教示のほど、どうぞよろしくお願いいたします。

yambejp · Accepted Answer

＞『protocolを指定してますが、http:で統一…』のくだりようは、自分自身のファイルがhttpプロトコルをつかっていれば http://www.exsample.com/jsを呼びますが、自分がhttps:だったりするとhttps://www.exsample.com/jsを読みに行っちゃうということです。もう少し突っ込めばローカルのファイルを処理すると file://www.exsample.com/jsになってしまい、テストするにもブレがでてきます。 //hoge.htm test //hoge.js window.onload=function(){ var s=document.createElement('script'); s.setAttribute('src','http://www.exsample.com/js?pcid=PC-123456-A'); s.setAttribute('type','text/javascript'); document.getElementsByTagName("head")[0].appendChild(s); var pc = new predicta.PClick(); pc.start(); } みたいな感じですかねぇ・・・

gaihanbosi · Answer

jsの外部ファイルが、内で読み込みを行っているため document.writeを内で行っているからでは？ jsを外部ファイル化してないときは、内で、document.writeしているので。 document.writeは、document.writeが書いてある場所にそのまま、書きだされるイメージだったかと。

taloo · Answer

まさかとは思いますが、HTMLに書いている方の<script src="">のドメインを間違えて、
スクリプトファイルを読めなかったとか、、、

.com
.net

ディレクトリを間違えてファイルが見つからないとか、、、

nobuoka · Answer

「動かない」 とのことですが、「動かない」 とは具体的にどのような状態のことを言っているのでしょうか？ 「期待通りに実行されない」 ということでしたら、原因はいくつか考えられます。

・JavaScript ファイルの読み込みにそもそも失敗している (script 要素の src 属性の値が間違っている)
・ファイルの読み込みは行われているが、何らかの理由で失敗している
などなど

ファイルの読み込みに失敗しているかどうかのちゃんとした方法はちょっと思いつきませんが、例えば JavaScript ファイルに

alert( "test" );

とだけ書いて、あとはコメントアウトして実行して、alert が表示されるかどうかで確認してみてください。
もしそれで alert が表示されないならば、JavaScript ファイルの読み込みに失敗しているであろうと思いますので、script 要素の src 属性の値を確認してください。
もし alert が表示されるのでしたら、JavaScript の実行時に何らかのエラーが発生していると思いますので、ブラウザへのエラー出力 (例えば Firefox であれば "ツール" -> "エラーコンソール" で開く画面で確認できます) を確認してみてください。

yambejp · Answer

なんともいえませんが、こんな書き方をしてみては？ただ、protocolを指定してますが、http:で統一した方がよいような気がしますが・・・ test

外部読み込みで動かないときの対処法

＞『protocolを指定してますが、http:で統一…』のくだり

jsの外部ファイルが、<head>内で読み込みを行っているため

まさかとは思いますが、HTMLに書いている方の<script src="">のドメインを間違えて、

「動かない」 とのことですが、「動かない」 とは具体的にどのような状態のことを言っているのでしょうか？ 「期待通りに実行されない」 ということでしたら、原因はいくつか考えられます。

なんともいえませんが、こんな書き方をしてみては？

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

「動かない」とのことですが、「動かない」とは具体的にどのような状態のことを言っているのでしょうか？「期待通りに実行されない」ということでしたら、原因はいくつか考えられます。