0

クリックすると、関数 getImage に、後でページに表示されるはずの画像のソースを割り当てる JavaScript コードを書いています。ただし、引用符が問題を引き起こしています。

<img src="bill.jpg" class="captify" 
id="teamformat" alt="Bill Gates" onclick="getName('Bill Gates'); 
getMotto('Bill\'s motto'); 
getImage ('<img src=\"http://www.somepage.com/images/team/bill.jpg\"/>');" />

getImage 関数の引用符を修正するにはどうすればよいですか? ありがとうございました。

4

2 に答える 2

3

通常、一重引用符で区切られた文字列で二重引用符をエスケープする必要はありません。

getImage ('<img src="http://www.somepage.com/images/team/bill.jpg"/>');" />

同様に、getMotto次のように書き直すことができます。

getMotto("Bill's motto");

単一の属性内で両方のスタイルの引用符を使用しているため、問題が発生しています。JavaScript が多すぎて、内部の二重引用符をエスケープする必要があります (を使用)&quot;。

これらは両方とも、クリック イベントをアタッチする JavaScript 関数内に配置する必要がありますonclick。イベント ハンドラに直接配置しないでください。これは悪い習慣です。

何かのようなもの：

function getDetailsForBill(){
     getName('Bill Gates'); 
     getMotto('Bill\'s motto'); 
     getImage ('<img src="http://www.somepage.com/images/team/bill.jpg" />');
}

作るonclick：

onclick="getDetailsForBill();"

を使用して、実際にはイベントリスナーを登録する必要がありますがaddEventListener。

于 2012-09-08T18:55:21.107 に答える
0

エスケープしないでください:

getImage ('<img src="http://www.somepage.com/images/team/bill.jpg"/>');" />
于 2012-09-08T18:56:46.410 に答える