- ベストアンサー
JavaScriptで1枚の画像を表示する方法とリンクについて
- JavaScriptで1枚の画像を表示する方法とリンクを作成する方法についてお求めですか?document.write()を使用して<img>タグを作成することができますが、具体的な方法がわからないようです。
- また、<a>タグをJavaScriptで作成する方法も知りたいとのことです。ただし、引用符で括られた文字列内でうまく動作しないようです。
- フォント指定や改行の作成はできているようですが、他のタグを作成する方法がわからないようです。詳しい方法を教えていただけると助かります。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
「IMG」タグを、document.write()の中に入れる場合は「"」と「'」を理解していないと大変ですね。 「"」と「'」は「入れ子」に出来ます。 つまり、 document.write("<IMG src='xxxx.jpg'>"); document.write('<IMG src="xxxx.jpg">'); と書く事が出来ます。 >それと、同じくタグの「<A href="meiltto:">」を >JavaScriptで作りたいのですが、可能なのでしょうか? 可能ですよ。 たとえば、簡単な例では。。。 <img src="xxxx.gif" art="メール送信" onclick="JavaScript:location.href='mailto:xxxx@xxxx';"> 後は、 <SCRIPT language="JavaScript"> <!-- function mail_send() { location.href = "mailto:xxx@xxxxx"; } // --> </SCRIPT> <img src="xxxx.gif" art="メール送信" onclick="mail_send()"> でも良いです。
その他の回答 (1)
- Aquarius172
- ベストアンサー率36% (111/308)
「IMG」タグを、document.write()の中に入れる場合は「"」と「'」を理解していないと大変ですね。 「"」と「'」は「入れ子」に出来ます。 つまり、 document.write("<IMG src='xxxx.jpg'>"); document.write('<IMG src="xxxx.jpg">'); と書く事が出来ます。 >それと、同じくタグの「<A href="meiltto:">」を >JavaScriptで作りたいのですが、可能なのでしょうか? 可能ですよ。 たとえば、簡単な例では。。。 <img src="xxxx.gif" art="メール送信" onclick="JavaScript:location.href='mailto:xxxx@xxxx';"> 後は、 <SCRIPT language="JavaScript"> <!-- function mail_send() { location.href = "mailto:×××@×××.co.jp"; } // --> </SCRIPT> <img src="xxxx.gif" art="メール送信" onclick="mail_send()"> でも良いです。
お礼
上の方にお礼をしてしまったので、こちらで失礼致します。 質問方法を変えようと思い、 Aquarius172様のご回答を踏まえさせて頂きたいと思います。 なので、この質問はこれで充分だなと思いましたので(もちろん理解した上で、です)。 教えて下さり、有り難う御座いました。
お礼
Aquarius172様、ご返答有り難う御座います。 もう少しお聞きしたい事がありますので、補足にて記述致しました。 宜しければ、補足の方も宜しくお願い致します。
補足
「入れ子」の事は、分かりました。 それと、「<A>」でのメールアドレスの記述も。 記述後気付いたのですが、私の記述にミスが…。 「meiltto」ではないですね。「mailto」の間違えでした。 もう少し、お聞きしたいので宜しくお願い致します。 画像ファイルのURLは、例えば「Gif/Icon/E-mail.gif」の様な形でも宜しいのでしょうか? document.write("<IMG src='Gif/Icon/E-mail.gif'>"); あるいは、 document.write('<IMG src="Gif/Icon/E-mail.gif">'); という形にすれば画像表示は可能なのですか? 外部テキストファイル「.js」で動作をさせたいのですが、テキストに document.write("<IMG src='Gif/Icon/E-mail.gif'>"); を記述しても画像が見えないので、私の方で何か間違えているのかと思いまして。 実際、作ってある他の「.js」ファイルは読み込まれているので、 どうすれば画像が見れるのか分からないもので。 画像表示を他の方法に変えるべきなのでしょうか? 申し訳ありませんが、再び宜しくお願い致します。