2012-03-11 5 views
0

HTML 코드에 포함하려는 javascript 변수가 있습니다. 코드는 다음과 같습니다.hs 코드의 js 변수

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

어떻게하면됩니까?

+1

지금까지 해보신 것은 무엇입니까? 이러한 것들은 기본적인 자바 스크립트 튜토리얼에 의해 다루어 져야한다고 생각합니다. –

+0

당신이 끝내 버리면,'document.write'를 사용하도록 말하는 사람들에게 귀 기울이지 마십시오. 이런 종류의 문제에 대한 해결책은 결코 아닙니다. –

+2

@Ben :'document.write'는 올바르게 사용될 때 완벽하게 훌륭합니다. –

답변

2

당신이 dldnh의 솔루션에서 제안 된 후() 함수를 사용하는 경우, 당신이 자바 스크립트 페이지에 더 많은 일을 원하는 코드를 조직 유지하기 어려울 것이다 (당신은 모든 것을 추가해야 Javascript 이후의 after 함수는 하나의 onload 이벤트 핸들러 만 가질 수 있습니다.

페이지에서 더 많은 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> 
0

가장 좋은 방법은 숨겨진 양식 요소에 해당 데이터를 포함시킨 다음 자바 스크립트로 가져 와서 사용할 수있게하는 것입니다. 이 방법은 자바 스크립트가 꺼져있는 경우 기본 값을 적용하여 적절한 방식으로 작동하도록 할 수도 있습니다.

javascript가 활성화되어 있으면 내 javascript 코드가 해당 상황에 맞는 값으로 바뀝니다.

+0

그냥 내 HTML 코드에서 js 변수를 사용하고 싶습니다. 내 입력 변수 :

1

타이밍이 약간 까다 롭습니다. 자바 스크립트를 사용하여 전체 페이지를 작성하거나 작성한 후에 변경하기 때문입니다. 여기 제가 할 일이 있습니다. 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> 
+0

이 코드는 이미지 –

+0

을 표시합니다. 나는 그것을 포함하고있는 실수를 너무 용서했던 파이어 폭스를 사용하여 테스트했다. 지금 시도해라. – dldnh

+0

그래, 지금 고마워! –

0

다음은 메뉴를 만드는 솔루션입니다. 이것은 당신이 찾고있는 것일 수 있습니다.

<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>