Foutbestendige 'Mailto'-URL's maken

Wat te weten

  • De JavaScript-code codeerURIComponent() functie codeert elke tekenreeks die wordt doorgegeven als een argument en retourneert deze voor gebruik.
  • Bijvoorbeeld, encodeURIComponent("Doc, doe een dans!") produceert Doc%2C%20do%20da%20Dans!
  • Om de samenstelling van uw mailto: URL's te vergemakkelijken, vervangt u elk voorkomen van een tekenreeks in de URL door de functie encodeURIComponent().

In dit artikel wordt uitgelegd hoe u JavaScript kunt gebruiken om te creëren "mailto" URL's. Als u JavaScript gebruikt, hoeft u geen hex-codes te onthouden of te construeren.

De JavaScript-encodeURIComponent()-functie

De JavaScript-code codeerURIComponent() functie codeert elke tekenreeks die wordt doorgegeven als een argument en retourneert deze voor gebruik. Bijvoorbeeld,

encodeURIComponent("Doc, doe een dans!")
produceert.
Doc%2C%20do%20da%20Dans! 

Als u deze cryptografie met de hand uitvoert, is de kans groot dat u een fout maakt, maar JavaScript niet. Om encodeURIComponent() te gebruiken om de samenstelling van uw mailto: URL's te vergemakkelijken, vervangt u gewoon any voorkomen van een string in de URL met de encodeURIComponent() functie, die onze string ziet als een argument.

instagram viewer

Stel bijvoorbeeld dat u een mailto:-URL wilt maken die een bericht naar [email protected] initieert met als onderwerp "Wanneer, wanneer is nu? (als "nu" hier is)." De URL ziet er als volgt uit:

mailto: [email protected]? onderwerp=

Het onderwerp is de string: "Wanneer, wanneer is nu? (als "nu" hier is)." De tekenreeks als argument voor encodeURIComponent() maakt het volgende:

encodeURIComponent("Wanneer, wanneer is nu? (als \"nu\" hier is)")

Het resultaat van deze functieaanroep is:

Wanneer%2C%20when%20is%20now%3F%20(if%20%22now%22%20is%20hier)

EncodeURIComponent() gebruiken met Mailto: URL's

Om encodeURIComponent()in een mailto-URL te gebruiken, stelt u de hele link op (van "HTML-bron.

Bijvoorbeeld:


instagram story viewer