Wie verwendet man eine dynamische Variable in HTML-Befehl <a href=" "></a>, die wie die Variable ändern sollte?

Question

Ich habe eine .html-Datei, die eine globale Variable (var cape_name;) enthält, die Werte enthalten kann: 1.cape_name = TIDA-550; 2. Ortsname = TIDA-560;

Jetzt habe ich zwei Dateien, die beiden Werten entsprechen: (TIDA-550.js und TIDA-550.html) und (TIDA-560.js und TIDA-560.html). Beide .js-Dateien werden ausgeführt Hintergrund und warten auf die entsprechenden .html-Dateien geladen werden.

Ich habe eine andere main.html und main.js Dateien. In main.html möchte ich einen Link zum Laden von TIDA-550.html oder TIDA-560.html in Abhängigkeit von cape_name Wert (cape_name.html).

Zum Beispiel: In der unteren Zeile möchte ich 'cape_name' dynamisch abhängig von seinem Wert verwenden und dann die entsprechende HTML-Datei laden.

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

Irgendwelche Vorschläge, wie man es macht? Dank

Answer 1

Sie können ID den Link hinzufügen:

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

und fügen href dynamisch:

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

müssen Sie möglicherweise, dass in $(function() { }); wickeln, so wird es ausgeführt, wenn DOM bereit ist.

Answer 2

Ohne den genauen Code zu kennen, schlage ich vor, eine Funktion zu erstellen, die das href-Attribut der Verbindung überschreibt. Etwas wie das:

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