• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像を表示させるfunctionを作りたい)

Javascript初心者のための画像表示用関数の使い方と解決策

このQ&Aのポイント
  • 画像を表示させるためのJavascriptの関数を作成します。また、関数の使い方や解決策についても説明します。
  • 具体的な手順としては、外部のJavaScriptファイルに関数を定義し、headタグ内でそのファイルを参照します。そして、bodyタグ内で関数を呼び出して画像を表示させます。
  • 関数の使い方については、関数名に引数を指定して呼び出す形式です。関数内では、引数の値に応じて画像の表示方法を切り替えます。表示されない場合は、body内での処理が間違っている可能性がありますので、再度確認してみてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • q-ue
  • ベストアンサー率75% (12/16)
回答No.1

構文エラー (SyntaxError) ですね。 ""<img scr=" +imgurl +" alt=" +imgname +" />"" " で囲まれた文字列内では"は直接使えません。 "を使いたい場合は、' で囲むか、バックスラッシュ(\)でエスケープします。 そもそも、この場合は文字列内の " が不要です。 "<img scr=" +imgurl +" alt=" +imgname +" />" それと、属性名が間違っています。 scr→src herf→href 変数 imgtag に、document.write の返り値を代入していますが、document.writeの返り値はないので、この処理は無意味です。 同様に、return(imgtag); も無意味です。 うまく動かないときは、まずデバッガを使ってください。 エラーの情報や現在のHTML構造が確認できます。 メジャーなブラウザなら、デバッガは標準で搭載されています。

参考URL:
http://mindia.jp/book/syatin/keyword/ブラウザ毎のデバッガ・インスペクタまとめ
8372633
質問者

お礼

回答ありがとうございました。 hrefなんかよく間違えるから気をつけたいものです。 構文エラーを治したのですがそれでも動きません… 外部Js function imgout(url,imgurl,imgname){ var imgtag; if(url==0){ imgtag="<img src="+imgurl+" alt="+imgname+" />"; } else{ imgtag="<a href="+url+"><img src="+imgurl+" alt="+imgname+" /></a>"; } return(imgtag); } HTML <head> <script type="text/javascript" src="script.js"></script> <script type="text/javascript"> <!-- var img=imgout(0,img/header.jpg,ヘッダー); // --> </script> </head> <body> <script type="text/javascript"> <!-- document.write("<h1>"+img+"</h1>"); // --> </script> </body> といった書き方をしているのですが、どうやら変数に値が入ってないらしく 【 undefined 】と表示されます… それと関数を使いたいときは今のように<script type="text/javascript">~と打ち その中で今のように処理を書かなければならないのでしょうか? ご都合がいいときにでも回答をお待ちしてます。

8372633
質問者

補足

事故解決致しました ご教授ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A