mailto的使用技巧分享

更新时间：2012年12月21日 09:47:59 作者：

如何使用mailto？对于大多数人来说并不是很陌生，但是实用上的细节部分你们有没有注意到，接下来分享一下本人在使用过程中的经验，需要了解的朋友可以参考下

mailto用法
如何使用mailto？
1）基本用法

<a href=mailto:sample@163.com>send email</a>

或者

 
<form action="mailto:sample@163.com"> 
</form> 

mailto后跟的是收信人。
可使用参数列表

to	收信人
suject	主题
cc	抄送
bcc	暗抄送
body	内容

参数传递方式同页面之间传递值一样，可以使用查询字符串，也可以用form
querystring方式：

复制代码代码如下:

 
<a href="mailto:sample@163.com?subject=test&cc=sample@hotmail.com&body=use mailto sample">send mail</a> 

form方式

复制代码代码如下:

 
<form name='sendmail' action='mailto:sample@163.com'> 
<input name='cc' type='text' value='sample@hotmail.com'> 
<input name='subject' type='text' value='test'> 
<input name='body' type='text' value='use mailto sample'> 
</form> 

两种方式同样传递所有参数。
2）示例说明

复制代码代码如下:

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> Send Email </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD> 
<script> 
Date.prototype.toString=function() 
{ 
var d = new Date(); 
var ret = d.getYear(); 
var m = d.getMonth()+1; 
ret+=m.length>1?m:'0'+m; 
var date= d.getDate(); 
ret+=date.length>1?date:'0'+date; 
return ret; 
} 
var initSubject='test'+new Date().toString(),initTo='sample@163.com',initCC='sample@hotmail.com',initBody='use mailto sample'; 
function submitHandler() 
{ 
var subject = subText.value; 
var to = toText.value; 
var cc = ccText.value; 
var body = bodyText.value; 
mailTo.href="mailto:"+to+"?cc="+cc+"&subject="+subject+"&body="+body; 
mailTo.click(); 
} 
function init() 
{ 
subText.value=initSubject; 
toText.value=initTo; 
ccText.value=initCC; 
bodyText.value=initBody; 
} 
</script> 
<style> 
.label{font-weight:bold;postion:absolute;width:80px;} 
.head{font-color:black;font-weight:bold;} 
.bd{float:left;width:77px;font-weight:bold;} 
</style> 
<BODY onload="init()"> 
<div class="head">Use mailto Send Email</div> 
<div> 
<span class="label">Subject:</span><input id="subText" type="text" size=50 value="TM V14.2 Bug Fix Questions_20080221"> 
</div> 
<div> 
<span class="label">To:</span><input id="toText" type="text" size=50 value=""> 
</div> 
<div> 
<span class="label">CC:</span><input id="ccText" type="text" size=50 value=""> 
</div> 
<div> 
<span class="bd">Body:</span><textarea id="bodyText" rows=20 cols=100></textarea> 
</div> 
<input name="btSend" type="button" value="send email" onclick="submitHandler();"> 
<a href="mailto:" id="mailTo"></a> 
</BODY> 
</HTML> 

成功者找方法，失败者找借口！

大型JavaScript应用程序架构设计模式
11月中旬在伦敦举行的jQuery Summit顶级大会上有个session讲的是大型JavaScript应用程序架构，看完PPT以后觉得甚是不错，于是整理一下发给大家共勉。
2016-06-06
JavaScript fontsize方法入门实例（按照指定的尺寸来显示字符串）
这篇文章主要介绍了JavaScript fontsize方法入门实例,fontsize方法用于按照指定的尺寸来显示字符串,需要的朋友可以参考下
2014-10-10
javascript中字符串的定义示例代码
javascript中字符串如何定义，下面有个不错的示例，大家可以学习下
2013-12-12
javascript知识点详解
下面小编就为大家带来一篇JavaScript基础知识点归纳(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2021-09-09
微信小程序开发之入门实例教程篇
2016年推出微信小程序，时至今日，历经几个版本的更新，已形成了相对实用和稳定的服务平台。本文简单的介绍了微信小程序的入门用法，今后会继续关注和实践。需要的朋友可以参考学习，下面来一起看看吧。
2017-03-03
Using the TextRange Object
Using the TextRange Object...
2006-10-10
js获取浏览器基本信息大全
本文整理汇总了js获取浏览器基本信息资料，非常的全面，也对IE及非IE浏览器之间的区别进行了分析，是篇非常不错的文章，这里推荐给大家，前端设计师们千万不要错过
2014-11-11
THREE.JS入门教程(6)创建自己的全景图实现步骤
Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D,全景图非常酷。使用Three.js做一个属于自己的全景图并不是那么困难,感兴趣的朋友可以了解下啊，希望本文对你有所帮助
2013-01-01
JavaScript的面向对象编程基础
这篇文章主要介绍了JavaScript的面向对象编程基础,是JavaScript入门学习中的重要知识概念,需要的朋友可以参考下
2015-08-08
Javascript中的数据类型之旅
JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据。
2015-10-10