Erstellen eines Link-Tags mit Parametern

Question

Hallo ich habe ein Link-Tag, das ich von Javascript erstellen. Jetzt mag ich einen Parameter zu diesem Link hängen Sie einfach unten wie example.so, dass, wenn der Benutzer auf diese Schaltfläche klickt, sollte es zusammen mit den paramenters zu dieser URL geht

var id="123456789"; 
var data = '<a href="/order/product/ + id"> click</a>' ; 

diese Daten tag i zu einem anderen Elemente am Anfügen . jetzt kann ich anrufen/bestellen/Produkt. aber wenn ich ID gebe, gibt es auch Fehler "fehlende Argumente" !! kann mir bitte jemand helfen?

Answer 1

Du musst die Zeichenfolge unquote, wo die Variable geht

var id = "123456789"; 
var data = '<a href="/order/product/' + id + '"> click</a>' ; 

Oder auf wirklich up-to-date-JavaScript-Engines, die ES2015 + Vorlage Literale unterstützen:

var id = "123456789"; 
var data = `<a href="/order/product/${id}"> click</a>`; 

Aber das won‘ Ich arbeite an jeder Version von IE (tut dies auf Edge).

Answer 2

Sie müssen nur entfernen Sie die Angebote von id

wie knapp unter

var id="123456789"; 
var data = '<a href="/order/product/' + id +'"> click</a>' ; 

Wenn Sie ID haben in Anführungszeichen bedeutet es als String kein Variablenname nehmen und so entfernen Sie einfach die Zitate. Es wird funktionieren

Answer 3

Um es einfacher zu machen beide zu schreiben und zu lesen (und zu debuggen zu), würde ich die folgende Variante empfehlen, wie Sie den Code organisieren:

var id = "1234566", 
    // It is more understandable now that hrefLink contains id concatenated with some other string 
    hrefLink = "/order/product/" + id, 
    link = document.createElemen('a'); 
link.href = hrefLink; 

Auf diese Weise Sie

1. sehen, was Variable bedeutet, was
2. Kontrolle, was Ihre hrefLink von

3. Folgen best Practices besteht, wenn statt multip le Linien mit var Aussage explizit „Show“, wo der Deklarationsteil ist:

   var a = smth1, 
       b = smth2; 
   

Also nur durch an diesem Code suchen Sie leichter verstehen, dass das ist ein Code Chunk von Variablen Deklaration

Answer 4

Für einfach erstellen Link können Sie verwenden Methode link(str) von String:

var id="123456789"; 
 
var linkText = " click"; 
 
var href = "/order/product/" + id; 
 
var data = linkText.link(href); 
 
alert(data);