Cómo usar Mailto en JavaScript

Cómo usar Mailto en JavaScript

En JavaScript, "mailto"Se usa principalmente para dar acceso a una dirección de correo electrónico específica. Esta característica es muy útil en los casos de currículums de correo contra solicitudes de empleo o en contacto para obtener ayuda o orientación. En JavaScript, puede realizar la función de redirigir una dirección de correo electrónico en lugar de una página web utilizando algunas propiedades.

Este artículo lo guiará con respecto al uso de Mailto en JavaScript.

Cómo usar Mailto en JavaScript?

Para utilizar Mailto en JavaScript, puede usar:

  • "ubicación.href" propiedad
  • Usando "ancla"Etiqueta con"href" atributo

Pasemos por cada uno de los métodos mencionados anteriormente uno por uno!

Método 1: Use Mailto en JavaScript usando la ventana.ubicación.propiedad href

En JavaScript, el "ventana.ubicación.href"La propiedad se refiere a la URL de la página actual. Sin embargo, también puede utilizarlo para redirigir al correo especificado. En tal escenario, cree una función definida por el usuario que establezca la ventana.ubicación.propiedad href y asociarla con el "encendido"Evento del archivo HTML. Como resultado, la propiedad agregada redirigirá al correo electrónico especificado.

Tener una visión general del siguiente ejemplo para comprender el concepto establecido.

Ejemplo

En primer lugar, definiremos una función "mailto ()"En el que aplicaremos el agregado"mailto"Funcionalidad. En el cuerpo de la función definida por el usuario creada, utilice el "ventana.ubicación.href"Propiedad y asigne la dirección de correo electrónico del deseo:

function mailto ()

ventana.ubicación.href = "mailto: [email protected] ";

Por último, llame al "mailto ()Método para realizar la funcionalidad requerida:

mailto ()

La ejecución del programa anterior se abrirá la aplicación de correo predeterminada en su sistema y abrirá la ventana de correo de composición con la dirección de correo electrónico especificada:

En el otro caso, se le pedirá que cree una cuenta primero:

Método 2: Use Mailto en JavaScript usando la etiqueta "Anchor" con el atributo "HREF"

En este método, aplicaremos el "mailto"Funcionalidad con la ayuda de una etiqueta de anclaje y establece su valor utilizando el"href" atributo.

Revisar el siguiente ejemplo para comprender claramente el concepto anterior.

Ejemplo

En el primer método, crearemos una etiqueta de anclaje y la almacenaremos en el "correo" variable:

Let Mail = documento.createElement ("A");

En el siguiente paso, nos referiremos a una dirección de correo electrónico configurando el "href" valor. Además, el "hacer clic()El método "simulará un clic del mouse en el elemento agregado:

correo.href = "mailto: [email protected].";
correo.hacer clic();

Producción

Hemos discutido los métodos más simples para usar Mailto en JavaScript.

Conclusión

Usar "mailto"En JavaScript, puede usar el"ventana.ubicación.href"Propiedad que incluye el uso de una función definida por el usuario y"encendido" evento. Otro método para aplicar "mailto"Está creando un"ancla"Etiqueta y configurando su"hrevalor del atributo f ". Ambos métodos pueden utilizar la funcionalidad de Mailto para redirigir al correo especificado. Este artículo guió sobre el procedimiento para usar Mailto en JavaScript.