js変数（htmlコード）

私は自分のHTMLコードにjavascript変数を含めたいと思います。コードは次のようである：js変数（htmlコード）

<a href="index.html"><img src="Images/Icones/Mes_commandes.png" alt="France" id="im1">MY_JS_VARIABLE</a></li>

私はどのように行うことができますか？

出典

2012-03-11 Anonymous

これまでに何を試みましたか？私はこれらの種類のものを基本的なJavaScriptチュートリアルでカバーするべきだと考えています。 –

あなたが何をしても、 'document.write'を使用するよう指示する人は聴かないでください。それはこの種の問題に対する正しい解決策ではありません。 –

@Ben： 'document.write'は正しく使用されていれば完全に正常です。 –

あなたはdldnhのソリューションで提案された後の（）関数を使用している場合、あなたがJavascriptをあなたのページにもっとやりたいように編成してコードを維持するのは難しいだろう（あなたは、のすべてを追加する必要がありますJavascriptは1つのonloadイベントハンドラしか持つことができないので、after関数です）。

ページでもっと多くのjavascriptを使用する予定がある場合は、jQueryを使用することをお勧めします。ように：

<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script>$(function() { 
     $('#im1a').html(yourVariable); 
    }); 
    </script> 
    </head> 
    <body> 
    <li><a href="index.html"><img src="Images/Icones/Mes_commandes.png" alt="France" id="im1"></a><a id="im1a" href="index.html"></a></li> 
    </body> 
</html>

出典

2012-03-11 12:25:08 Ethan

私が見つけた最良の方法は、そのデータを隠しフォーム要素に含めることです。そして、JavaScriptがそれを取得して使用することができます。このようにして、javascriptがオフになっていれば、意味をなさないデフォルト値を入れて、適切な方法で動作させることもできます。

javascriptが有効な場合、私のjavascriptコードはそれを（指定された状況に対して）正しい値に置き換えます。

出典

2012-03-11 12:00:10

私のHTMLコードにjs変数を使用したい、このようなもの My js変数： –

タイミングはちょっと難しいかもしれません。なぜなら、JavaScriptを使ってページ全体を書き込むか、書き込んだ後に変更を加えるためです。ここに私がすることがあります。 HTMLを書いて、内容がロードされた後にafter関数が指示通りにタグを変更します。

<html> 
<head> 
<script type="text/javascript"> 
function after() 
{ 
    var anchor = document.getElementById("im1a"); 
    anchor.innerHTML = "Inserted Text"; 
} 
</script> 
</head> 
<body onload="after()"> 
<li><a href="index.html"><img src="Images/Icones/Mes_commandes.png" alt="France" id="im1"></a><a id="im1a" href="index.html"></a></li> 
</body> 
</html>

出典

2012-03-11 12:06:14 dldnh

このコードはただ画像 –

を表示しています申し訳ありませんが、私はFirefoxを使ってテストしましたが、それは含まれていた間違いをあまりにも容赦していました。今すぐ試してください – dldnh

はい、今、感謝！ –

ここでは、メニューを構築するソリューションです。これはあなたが探しているものかもしれません。

<ul id='country_menu'> 
</ul> 

<script> 
var images = new Array(); 
images[0] = "Images/Icones/Mes_commandes.png"; 
images[1] = "Images/Icones/other.png"; 
images[2] = "Images/Icones/yetanother.png"; 

var captions = new Array(); 
captions[0] = "MY_JS_VARIABLE"; 
captions[1] = "other caption"; 
captions[2] = "yet another caption"; 

var options_html = ""; 

for (i = 0; i < images.length; i++) 
{ 
    options_html += "<li>"; 
    options_html += "<a href='index.html'>"; 
    options_html += "<img src='"+images[i]+"' alt='"+captions[i]+"' />"; 
    options_html += captions[i]; 
    options_html += "</li>"; 
} 

document.getElementById('country_menu').innerHTML = options_html; 

</script>

出典

2012-03-11 12:23:06

答えて

関連する問題