HTML 코드에 포함하려는 javascript 변수가 있습니다. 코드는 다음과 같습니다.hs 코드의 js 변수
<a href="index.html"><img src="Images/Icones/Mes_commandes.png" alt="France" id="im1">MY_JS_VARIABLE</a></li>
어떻게하면됩니까?
HTML 코드에 포함하려는 javascript 변수가 있습니다. 코드는 다음과 같습니다.hs 코드의 js 변수
<a href="index.html"><img src="Images/Icones/Mes_commandes.png" alt="France" id="im1">MY_JS_VARIABLE</a></li>
어떻게하면됩니까?
당신이 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>
가장 좋은 방법은 숨겨진 양식 요소에 해당 데이터를 포함시킨 다음 자바 스크립트로 가져 와서 사용할 수있게하는 것입니다. 이 방법은 자바 스크립트가 꺼져있는 경우 기본 값을 적용하여 적절한 방식으로 작동하도록 할 수도 있습니다.
javascript가 활성화되어 있으면 내 javascript 코드가 해당 상황에 맞는 값으로 바뀝니다.
그냥 내 HTML 코드에서 js 변수를 사용하고 싶습니다. 내 입력 변수 :
타이밍이 약간 까다 롭습니다. 자바 스크립트를 사용하여 전체 페이지를 작성하거나 작성한 후에 변경하기 때문입니다. 여기 제가 할 일이 있습니다. 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>
이 코드는 이미지 –
을 표시합니다. 나는 그것을 포함하고있는 실수를 너무 용서했던 파이어 폭스를 사용하여 테스트했다. 지금 시도해라. – 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>
지금까지 해보신 것은 무엇입니까? 이러한 것들은 기본적인 자바 스크립트 튜토리얼에 의해 다루어 져야한다고 생각합니다. –
당신이 끝내 버리면,'document.write'를 사용하도록 말하는 사람들에게 귀 기울이지 마십시오. 이런 종류의 문제에 대한 해결책은 결코 아닙니다. –
@Ben :'document.write'는 올바르게 사용될 때 완벽하게 훌륭합니다. –