mailto的使用技巧分享

更新時(shí)間：2012年12月21日 09:47:59 作者：

如何使用mailto？對于大多數(shù)人來說并不是很陌生，但是實(shí)用上的細(xì)節(jié)部分你們有沒有注意到，接下來分享一下本人在使用過程中的經(jīng)驗(yàn)，需要了解的朋友可以參考下

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

復(fù)制代碼代碼如下:

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

或者

復(fù)制代碼代碼如下:

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

mailto后跟的是收信人。
可使用參數(shù)列表

to	收信人
suject	主題
cc	抄送
bcc	暗抄送
body	內(nèi)容

參數(shù)傳遞方式同頁面之間傳遞值一樣，可以使用查詢字符串，也可以用form
querystring方式：

復(fù)制代碼代碼如下:

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

form方式

復(fù)制代碼代碼如下:

 
<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> 

兩種方式同樣傳遞所有參數(shù)。
2）示例說明

復(fù)制代碼代碼如下:

 
<!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> 