• 締切済み

外部JSファイルの書き方で・・・

午後にも同じ質問をしたのですが、 http://oshiete1.goo.ne.jp/kotaeru.php3?q=1933867 訂正がありましたので、質問し直します。すみません。 外部JSファイルを作りましたが、なにも返してきません。 リンクにマウスが乗るとガイドメッセージが出るスクリプトと、雪が降るスクリプトを同じページに書いたのですが、ガイドメッセージには何の反応もなく、雪のほうはちゃんと動いていたので、てっきり呼び出しはできていると思い込んでいたのですが・・・ 雪のほうの外部ファイルのスクリプトを試しに削除してみたら、まだ動いていました・・・ なくても動くらしかったです。 外部ファイルの書き方を説明されているサイトさんから、簡単なスクリプトをお借りしてコピペしましたが、私がやるとどうしても動かないです。 ちなみに、スクリプトはこんなふうに書いています。 //<!-- 外部ファイル内--> function a() { alert("Oh!"); } <!-- HTML内 --> <head> <script type="text/javascript" src="フォルダ名/ファイル名.js"></script> </head> <body> <form> <input type="button" value="click" onClick="a()"> </form> </BODY> 私のファイルではウンともスンともいいません。 なぜだか見当もつきません。 どなたかお助けください・・・

みんなの回答

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

＞「@charset "shift_jis"」 コレは、イレギュラーです。 charsetを指定する場合、 <script type="text/javascript" src="フォルダ名/ファイル名.js" charset="Shift_JIS"></script> の様に指定します。 読み込むページと同じ場合は、必要ないと思います。 ＞mysrc=document.getElementById("pp"+k).src ＞has no properties id が pp+(kの内容の文字列) の要素に src プロパティが無いといっています。

nakkiy
質問者

お礼

ご回答いただきありがとうございました。 解決しました。 原因はキャッシュにあったようです。 リロードしたら動くようになりました。 というわけで、いきなりですが締め切ります。 おさわがせしました(T-T)

nakkiy
質問者

補足

ご回答ありがとうございます。 直しましたが外部ファイルを呼び出せないのは相変わらずです。 普段使っているソフトを変えてメモ帳で作ってみましたがそれも関係ないようです。 ブラウザもIEとネスケとFirefoxとオペラで試しましたがどれでも呼び出せていません。 ブラウザのJSの有効もチェックしてあります。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

特に問題があるようには思えません。（前のリンクのスクリプトについても） ページ内に記述して動くが、外部スクリプトにすると動かないということから、ファイルが読込できていないのではないかと思います。 Firefox では、javascript のエラーチェックができますからそういうものでチェックすると良いと思います。

nakkiy
質問者

お礼

ご回答いただきありがとうございました。 解決しました。 原因はキャッシュにあったようです。 リロードしたら動くようになりました。 というわけで、いきなりですが締め切ります。 おさわがせしました(T-T)

nakkiy
質問者

補足

FireFoxのツールで確かめたところ、私が自分で書いたJSファイルの冒頭の「@charset "shift_jis";」が「missing:before statement」だそうです。（外部CSSでは文字化け防止につけるのでJSも同じかとおもいましたが・・・） あと、雪のスクリプトで「mysrc=document.getElementById("pp"+k).src;」が「document.getElementById("pp";k)has no properties」だそうです・・・ （さっぱり意味がわからないですが；；） しかし、外部ファイルの書き方講座にあるサンプルファイルをまるまるコピペしてファイルを作っても、やっぱり動かないのです。 DOCTYPE宣言から</HTML>までまるまるです。 私は貼り付けただけで指一本触れていません。 それでもです・・・

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • js.ファイルの呼び込み

    http://village.infoweb.ne.jp/~tkiku/wsp/java/java39.html の万年カレンダーですが、このソースを外部ファイルとして「cal.js」と作成。ＨＴＭＬのhed内に <script type="text/javascript" src="script/cal.js"></script>を記述。<body>内で <form><input type="button" value="カレンダ表示" onclick="dispkoyomi()"></form>とボタンで呼び出すには、またはテキストでの呼び出しはどのようにしたらいいのでしょうか？。

  • 外部ファイルで窓を閉じたい

    外部ファイルで窓を閉じたくて次のように作ってみたんですが 窓が閉じません。どなたかアドバイスお願いします。 -- a.html -- <html> <head> <script language="JavaScript" src="sub.js"></script> </head> <body> <input type="button" value="閉じる" onclick="wc(window.name);"> </body> </html> -- sub.js -- function wc(mado){ mado.close(); }

  • JSの外部ファイルの書き方を教えてください

    よろしくおねがいします。 私は初心者で技術者ではないですが、JavaScriptの項目はここだけのようなので質問させてください。 とある無料配布しているサイトからお借りしたもので、リンクにマウスが乗ると説明文がでるガイドメッセージのJSです。 外部ファイルはまた別のサイトで説明されていたとおりに書きました。 ほかのJSはそれで正常に動きましたが、このガイドメッセージだけはなぜか動きません。 サンプルではすべてHTML内に書いてありましたが、その通りにすると正常に動きます。 外部にするときはどこか変える場所があるのでしょうか・・・？？？ 自分はこんなふうに書いたのですが・・・ （外部ファイル内） function showMsg (text) { if(!document.getElementById) return; var msgbox = document.getElementById("msgbox"); msgbox.innerHTML = text; } （HTML内） （HEAD内） <script language="JavaScript" src="ファイルURL"></script> （body内） <a href="ファイルURL" onmouseover="showMsg('リンクの説明');" onmouseout="showMsg('いらっしゃいませ');">リンク文字</a> （リンクを表示させる場所） <p id="msgbox" lang="ja"> いらっしゃいませ</p>

  • JSP内で外部jsファイルを指定する

    昨日から散々悩んでいます。 tomcatのJSPから外部jsファイルが読み込めません。 最初htmlのみでテストしたのですが そのときは何の問題も無く動きました。 URLの指定の仕方かなと思いましたが、 cssのほうは同じ指定の仕方で効いています。 <!---------- JSP内容 ------------------------> <!-- [テスト]ボタン押下でscript実行 --> <html> <head> <title>テスト</title> <script Language='JavaScript' 　　　type='text/javascript' charset="shift_jis" src='/Test/script/Script.js'> </script> <script language='JavaScript' type='text/javascript'> <!-- function test(){ jstest(); } function test1(){ alert("test1:OK"); } // --> </script> <link rel="stylesheet" href="/Test/css/Style_ver1.css" type="text/css"> </head> <body> <form> <input type='button' class="button" value='テスト' onclick="test()"> </form> </body> </html> <!---------- 外部js内容------------------------> function jstest(){ alert("jstest:OK"); } <!---------------------------------------------> onclick="test1()"にすると動きます。 以前に作られた別アプリケーションのJ2EEのソースを見ると、 src=<c:url とcoreタグが使用されています。 coreタグの使用なしにURLを書くことはできないのでしょうか？ すいませんが、どなたか教えてください。 宜しくお願いします。

    • ベストアンサー
    • Java
  • 外部ファイルにするとテキストが書き込めない

    こんにちは、javascript初心者です。 HTMLのtextarea内のテキストを変えたいのですが、HTMLにJSを埋め込むと動作するのですが、外部JSファイル読み込みだとなぜか何も表示されません。 なぜでしょうか。原因のわかる方、説明をどうかよろしくお願い致します。 ●HTML <head> <script src="test.js" type="text/javascript"></script> </head> <body> <form name="form1"> <textarea name="message" id="msg" rows="5" cols ="50"></textarea> </form> </body> ●JS window.onload = message(); function message(){ alert("hello"); 　　　　　　　　　　　　 //←これはちゃんと動作します。 document.getElementById("msg").value="hello"; //← 動作せず。 document.form1.message.value="hello"; //← これも上と同じく片方ずつ試しましたが、ダメでした。 }

  • jQuery.jsを使ったhtml外部読み込み

    教えてください。 現在Jqueryを使用して外部htmlを読み込ませようとしていますが、 うまくいきません・・・ ■本体html <head> <script src="js/jquery-1.8.3.min.js"></script> </head> <body> <script type="text/javascript" src="sample.js"></scrip> <div id="sample"></div> </body> ■sample.js // JavaScript Document $(function(){ $("#sample").load("sample.html"); }); ■読み込ませるsample.html　特に設定なし このような感じですが、全然読み込めません。。。 javascriptを外部リンクにしているのは、読み込むhtmlが複数ある為、 headの見栄えが悪くなるからという個人的な意見です・・・ 済みませんがお知恵をお貸しください！！

  • 外部JSファイルが読み込まない。

    javascriptの勉強をし始めて、二日目の初心者です。 jsファイルを使って、画像をIEで表示させたいのですが、上手く読み込んでくれません。 どうか、教えてください。 ---html----------------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4,01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="common.js" type=text/javascript" charset="UTF-8"> </script> <script src="showImage2.js" type="text/javascript" charset="UTF-8"> </script> <title>キャラクターの表示</title> </head> <body onlaod="main()"> <noscript>JavaScriptを有効にしてください</noscript> </body> </html> ----js------------------------------------------------------------------------------ var img; function main() { img=document.createElement("img") document.body.appendChild(img); img.src="pcStay.png"; } ------------------------------------------------------------------------------------

  • 複数の外部ファイルを参照するにはどうすればいいの？

    ２２歳男性です。 ｈｔｍｌに以下のように記述していますがうまく動作しません。 <html> <head> <script type=\"text/javascript\" src=\"ｊｓ１ファイルパス\"></script> <script type=\"text/javascript\" src=\"ｊｓ２ファイルパス\"></script> </head> <body> ・・・・・・・ 上記のように記述して外部のｊｓファイルを参照しようとしているんですがうまくいきません。ｊｓ２ファイルは参照できるんですが、ｊｓ１ファイルは参照できません。 また、記述順を変えてみると、ｊｓ１ファイルは参照でき、ｊｓ２ファイルが参照できなくなります。 この２つのｊｓファイルを参照するにはどのように記述するべきなのでしょうか？

  • 外部 .js で

    index.html 内の head タグ間に <script type="text/javascript" src="./js/test2.js"></script> また、index.html と同階層にある js ディレクトリの内の test2.js の内容は document.write("test") だけです。 この条件で（というのは、最終的に別にテキストを出したいだけというわけではないので）、body の任意の場所に test を表示 [記述] させる方法を教えてください。 body の適当な場所に <script type="text/javascript"></script> と書いても、何も現れません（ソースで確かめています）。根本的におかしいのかもしれませんが、わかりません。 必ず、これら条件でお願いします。

  • ロード時に外部ファイル読込

    お世話になっております。 onload時に外部ファイルのJavaScriptを呼び出したいのですがうまく動作しないので、 ここをお借りしてご質問させていただきます。 長いソースを抜粋しています。 【HTML】 <HTML> <HEAD> <script type="text/javascript" src="java.js"></script> </HEAD> <BODY onload="Check(Document.myFORM)"> <FORM name="myFORM"> 　　<input name="ATEXT" type="text"> </FORM> </BODY> </HTML> 【java.js】 function Check(oj){ 　oj.ATEXT.disabled = true; 　oj.ATEXT.style.backgroundColor = "#999999"; } 実際はテキストボックスがたくさんあり、HTML内に書くと ごちゃごちゃしてしまうため外部ファイルに記述しています。 しかし、動作させてみると「Documentは宣言されていません」というエラーが発生してしまいます； どうかご教授お願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する