JavaScript의 mailto

Kushank Singh 2023년10월12일
JavaScript의 mailto

주어진 주소로 정보를 보낼 수있는 많은 웹 애플리케이션에서mailto기능이 절실히 필요합니다.

이 튜토리얼은 JavaScript를 사용하여 모든 요소에 이러한mailto기능을 추가합니다.

Document.createElement()함수는tagName을 지정하여 새 HTML 요소를 작성합니다. 새 요소를 반환합니다.

아래 코드를 사용하고 JavaScript를 사용하여 모든 요소에mailto기능을 추가하십시오.

var email = document.createElement('a');
email.href = 'mailto:abc@mail.com';
email.click();

코드 예제에서 이름이email인 앵커 태그가 생성되었으며href속성을 사용하여mailto기능을 추가했습니다.

jQuery를 사용하여 이러한mailto기능을 추가하는 대체 방법을 고려할 수 있습니다.

클릭하면 기능을 활성화하고 지정된 메일 주소로 메일을 보낼 수있는 앵커 태그가 있습니다.

효율적인 JavaScript 라이브러리 인jQuery에서attr()메소드는 속성 값을 설정하거나 반환하는 데 사용됩니다.

아래 코드를 확인하십시오.

HTML 코드 :

<a id="email" href="#">
  Click to mail.
</a>

jQuery 코드 :

$(document).ready(function() {
  $('#email').attr('href', 'mailto:abc@mail.com');
});