JavaScript 外部ファイルの記述の注意点




ご相談の件
ご相談の件です。
  • 夜分遅くにすいません。m(__)m Tue, 18 Feb 2003 05:20 Juri
  • 自分で改造したスクリプトが、うまくいきません。掲示板で、確認したら、エラーになり、
    ライン:2文字:30エラー:')'がありません。コード:0と出ました。
    そのjsファイルの中身をコピーしてきました。
    掲示板だと長すぎるので、メールを送りました。
    どこが間違っているのか、教えて下さい。お願いします。
    本当に朝方近くにメールしてすいません。

JavaScript 外部ファイルの記述の注意点
JavaScript 外部ファイルにした時に注意することです。
  • これが Juri さんがアップした外部ファイルの内容です。
  • document.write("<style type="text/css"><!--body {scrollbar-base-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-face-color:#1e90ff; scrollbar-shadow-color:#99ccff; scrollbar-darkshadow-color:#99ccff; scrollbar-highlight-color:#99ccff; scrollbar-3dlight-color:#99ccff; scrollbar-arrow-color:#99ccff;}--></style>");

    document.write("<style type="text/css"><!--body {background-image: url("http://angelic-tail.chu.jp/qp.gif"); background-repeat:repeat; background-attachment:fixed; background-color:#99cccc;}--></style>");

    document.write("<style type="text/css"><!--body {border-style:solid; border-color:#669999; border-width:30px;}--></style>");

    document.write("<style type="text/css"><!--body {font-family : "Comic Sans MS";}--></style>");

    document.write("<style type="text/css"><!--body {font-size:medium; text-align:center; color:#ffffff;}--></style>");

    document.write("<style type="text/css"><!--hr {border-color:#6699cc; border-style:dotted; height:1px; width:80%;}--></style>");

    document.write("<style type="text/css"><!--table {font-family : "Comic Sans MS"; color:#000000; border-style:dotted; border-color:#ffffff; border-width:10px; background-color:#9999ff;}--></style>");

    function bisoy(){
    for(i=0;i<document.links.length;i++){
    if(document.links[i].innerText=="[ケータイMode表示]"){document.links[i].innerHTML="Cellular phone is Displayed";}
    if(document.links[i].innerText=="My HomePage"){document.links[i].innerHTML="ほ〜むぺ〜じ";}
    if(document.links[i].innerText=="Delete"){document.links[i].innerHTML="けす?";}
    if(document.links[i].innerText=="[0]戻る"){document.links[i].innerHTML="もどる";}
    if(document.links[i].innerText=="[1]書く"){document.links[i].innerHTML="かく";}
    if(document.links[i].innerText=="[4]私書箱IDで書く"){document.links[i].innerHTML="ID";}
    if(document.links[i].innerText=="[6]ログを表示"){document.links[i].innerHTML="ろぐみる";}
    if(document.links[i].innerText=="[6]ログを非表示"){document.links[i].innerHTML="ろぐみない";}
    if(document.links[i].innerText=="ipBookMark"){document.links[i].innerHTML="[ぶっくま〜く]";}
    if(document.links[i].innerText=="R"){document.links[i].innerHTML="[あ〜る]";}
    if(document.links[i].innerText=="[5]ノーマル言葉に戻す"){document.links[i].innerHTML="☆の〜まる☆";}
    if(document.links[i].innerText=="[5]変換言葉にする"){document.links[i].innerHTML="★へんかん★";}
    if(document.links[i].innerText=="[1]"){document.links[i].innerHTML="@";}
    if(document.links[i].innerText=="[2]"){document.links[i].innerHTML="A";}
    if(document.links[i].innerText=="[3]"){document.links[i].innerHTML="B";}
    if(document.links[i].innerText=="[4]"){document.links[i].innerHTML="C";}
    if(document.links[i].innerText=="[5]"){document.links[i].innerHTML="D";}
    if(document.links[i].innerText=="[6]"){document.links[i].innerHTML="E";}
    if(document.links[i].innerText=="[7]"){document.links[i].innerHTML="F";}
    if(document.links[i].innerText=="次へ"){document.links[i].innerHTML="次のn";}
    if(document.links[i].innerText=="交換日記"){document.links[i].innerHTML="☆こうかん日記☆";}
    if(document.links[i].innerText=="日記プリント!"){document.links[i].innerHTML="☆ぷりんと☆";}
    if(document.links[i].innerText=="日記リング"){document.links[i].innerHTML="りんぐ";}
    if(document.links[i].innerText=="[1]前日"){document.links[i].innerHTML="☆前の日";}
    if(document.links[i].innerText=="[3]翌日"){document.links[i].innerHTML="☆次の日";}
    if(document.links[i].innerText=="書く"){document.links[i].innerHTML="☆かく☆";}
    if(document.links[i].innerText=="その日のアイテム"){document.links[i].innerHTML="☆あいてむ☆";}
    }
    }
    window.onload=Angelic-Tail;

  • document.write("のすぐ後ろのダブルクォーティションの所為で外部ファイルが機能していません。");
    document.write("のすぐ後ろの記号と、最後の閉じる記号");セミコロンの前の記号の使い方に 問題があります。
  • シングルクォーテーション使うか、 ダブルクォーティション使うかは、それぞれの好みですが・・・
    両端の記号と、タグの中の記号が、同じダブルクォーティションではエラーになります。
    この記述の場合、 両端の記号だけ、シングルクォテーションに直した方が早いでしょう。
  • document.write('<style type="text/css"><!-- body{font-family:"Comic Sans MS";} --></style>');


  • この部分
    function bisoy(){
    function のことを関数(処理)と言います。
    window.onload=bisoy; ここは function で付けたのと同じ名前を記入します。
    この記述はページの読み込みが完了したら、関数bisoy()を実行して下さい!という命令文になります。
  • 注意
    function で付けた名前と、window.onload で付けた名前が同じ名前でないと、
    外部ファイルを<script src=〜〜〜></script>で呼び出した時にエラーになります。
  • 関数の名前の付け方ですが・・・・・この部分です。『 function 関数名() 』
    ハイフン(-)を含む名前を指定すると、スクリプトエラーになります。

JavaScript 外部ファイルの修正
JavaScript 外部ファイルの修正の仕方
  • 「マイ ドキュメント」に保存されたJavaScript 外部ファイルを編集します。
  • JavaScript 外部ファイルを編集するには、パソコンの「マイ ドキュメント」の上でダブルクリック or 右クリックして 開くを選択して、「マイ ドキュメント」を開いてください。
  • 保存した「JavaScript 外部ファイル」の上で 右クリックして 「プログラムから開く」を選択して、次に「 Notepad 」を選択します。
  •  「 Notepad 」とはメモ帳のことですよ。
  • 「 Notepad 」が見つからない場合は、パソコンで「 Notepad 」を一度も使用していない為です。
    「プログラムから開く」を選択して、次に「プログラムの選択」を選択します。
  • 「ファイルを開くプログラムの選択」というところで「 Notepad 」を探してください。
    必ずありますから・・・・・見つけましたら「 Notepad 」の上でクリックして、一番下にあるOKボタン押して完了です。
  • 「 JavaScript 外部ファイル 」のメモ帳(Notepad)が開きましたよね。
    そこでJavaScript 外部ファイルの記述の修正してくださいね。

  • JavaScript 外部ファイルの編集が終わりましたら、
    JavaScript 外部ファイルを、パソコンの「マイ ドキュメント」に保存して下さい。
    メモ帳の左上のファイルと書いてある所をクリックして、「上書き保存」を選択します。
    上書き保存をクリックしただけで、パソコンに保存されていますよ。
  • 偽装拡張子ファイル(GIF)をパソコンの「マイ ドキュメント」に保存出来ましたか???
  • 偽装拡張子ファイルを魔法の i -ランドの画像倉庫にアップします。
    画像と同じ要領で魔法の i -ランドの画像倉庫にアップロードします。

  • HPを手打ちタグで作成する方も この方法で編集しています。
    JSファイルの編集の仕方も この方法なので、必ず習得してくださいね。
JavaScript 外部ファイルの呼び出し方
JavaScript 外部ファイルの呼び出し方
  • 偽装拡張子ファイルを魔法の i -ランドの画像倉庫にアップ出来ましたら、
    次のステップで、ファイルのフルパスが必要になりますのでフルパスをメモしておいて下さい。
  • 魔法の i -ランドの格納倉庫に保存したスクリプトファイルの フルパスは、 右クリックのプロパティでURLが表示されます。
  • <script src=ここに魔法の i -ランドの格納倉庫に保存したファイルのフルパスを記入します。></script>
    そして魔法の i -ランドの編集画面でPCエリアにスクリプトタグを張り付けて完成です。

[WEB BBS]  [Top]  [サンプル リスト 一覧]


 | Contact us at Feedback  | SitePolicy | 

Last Update: 6 / 25 / 2008 17:32:41 JST

 | 子連れ ヘラブナ釣り  | ひかる君の写真集  | Bayani  | Balita  | Bagong Bayani  | Directory  | Yahoo! 360°  | Web BBS  | JS File |