发表新帖
发表新帖

mailto using javascript

后端 未结
关注
6 1629
轮回少年
轮回少年 2020-11-30 03:23

I want to open a new outlook mail template with the \'To address\' whenever a user clicks an image. I have return my code in a html page(linked with the image), whenever it

相关标签:
6条回答
  • 长发绾君心
    2020-11-30 04:03

    Please find the code in jsFiddle. It uses jQuery to modify the href of the link. You can use any other library in its place. It should work.

    HTML

    <a id="emailLnk" href="#">
    <img src="http://ssl.gstatic.com/gb/images/j_e6a6aca6.png">
</a>

    JS

    $(document).ready(function() {
    $("#emailLnk").attr('href',"mailto:xyz@something.com");
});​

    UPDATE

    Another code sample, if the id is known only during the click event

    $(document).ready(function() {
    $("#emailLnk").click(function()
     {
         alert('h');
         document.location.href = "mailto:xyz@something.com";
     });
});​
    0 讨论(0)
  • 忘掉有多难
    2020-11-30 04:05

    No need for jQuery. And it isn't necessary to open a new window. Protocols which doesn't return HTTP data to the browser (mailto:, irc://, magnet:, ftp:// (<- it depends how it is implemented, normally the browser has an FTP client built in)) can be queried in the same window without losing the current content. In your case:

    function redirect()
{
    window.location.href = "mailto:mail@example.org";
}
<body onload="javascript: redirect();">

    Or just directly

    <body onload="javascript: window.location.href='mailto:mail@example.org';">
    0 讨论(0)
  • 逝去的感伤
    2020-11-30 04:09

    You can use the simple mailto, see below for the simple markup.

    <a href="mailto:name@gmail.com">Click here to mail</a>

    Once clicked, it will open your Outlook or whatever email client you have set.

    0 讨论(0)
  • 臣服心动
    2020-11-30 04:09

    I don't know if it helps, but using jQuery, to hide an email address, I did :

        $(function() {
        // planque l'adresse mail
        var mailSplitted 
            = ['mai', 'to:mye', 'mail@', 'addre', 'ss.fr'];

        var link = mailSplitted.join('');
        link = '<a href="' + link + '"</a>';
        $('mytag').wrap(link);
    });

    I hope it helps.

    0 讨论(0)
  • 深忆病人
    2020-11-30 04:11

    I've simply used this javascript code (using jquery but it's not strictly necessary) : 

        $( "#button" ).on( "click", function(event) {
         $(this).attr('href', 'mailto:me@domain.com?subject=hello');
    });

    When users click on the link, we replace the href attribute of the clicked element.

    Be careful don't prevent the default comportment (event.preventDefault), we must let do it because we have just replaced the href where to go

    I think robots can't see it, the address is protected from spams.

    0 讨论(0)
  • 清酒与你
    2020-11-30 04:24

    With JavaScript you can create a link 'on the fly' using something like: 

    var mail = document.createElement("a");
mail.href = "mailto:mail@example.org";
mail.click();

    This is redirected by the browser to some mail client installed on the machine without losing the content of the current window ... and you would not need any API like 'jQuery'.

    0 讨论(0)
 看不清?
提交回复
热议问题