html 명령어 <a href=" "></a>에서 동적 변수를 사용하는 방법은 변수마다 변경해야합니까?

Question

값이 포함될 수있는 전역 변수 (var cape_name;)가 들어있는 .html 파일이 있습니다. 1.cape_name = TIDA-550; 2.cape_name = TIDA-560;

이제 두 값 (TIDA-550.js 및 TIDA-550.html)과 (TIDA-560.js 및 TIDA-560.html)에 해당하는 두 개의 파일이 있습니다. 두 개의 .js 파일이 실행 중입니다. background에 상응하며 해당 .html 파일이로드 될 때까지 기다리고 있습니다.

다른 main.html 및 main.js 파일이 있습니다. main.html에서 cape_name 값 (cape_name.html)에 따라 TIDA-550.html 또는 TIDA-560.html을로드하는 링크를 작성하려고합니다.

예를 들면 다음과 같습니다. 그 값에 따라 'cape_name'을 동적으로 사용하고 해당 html 파일을로드하려고합니다.

<a href="http://137.167.189.23:8085/var/lib/cloud9/cape_name.html" target="blank">Load Cape on 0x54</a> 

어떻게해야합니까? 감사

Answer 1

당신은 같은 링크에 ID를 추가 할 수 있습니다

<a id="link" target="blank">Load Cape on 0x54</a> 

동적 HREF를 추가

$('#link').attr('href', 'http://137.167.189.23:8085/var/lib/cloud9/' + cape_name + '.html'); 

당신은 DOM이 준비가되었을 때 그래서이 실행될 것 $(function() { });에 그 포장해야 할 수도 있습니다.

Answer 2

정확한 코드를 모르면 링크의 href 속성을 덮어 쓰는 함수를 만드는 것이 좋습니다. 다음과 같은 것 :

<a href="#" id="theLink" target="_blank">Load Cape on 0x54</a> 
<script> 
function updateLink(cape){ 
    document.getElementById("theLink").href = "http://137.167.189.23:8085/var/lib/cloud9/" + cape + ".html"; 
} 
updateLink(cape_name); 
</script>