javascript - 样式化编码的邮寄地址

标签 javascript css mailto

我使用在线电子邮件编码器生成了一种防收割机电子邮件链接,但此链接不适合我的样式。有人知道我如何设计这种链接吗?截至目前,我不知道在哪里调用 css 类。

这是我编码的链接示例:

<div class="mailto-link"><script type="text/javascript"><!--
var gefmyis = ['m','r','l','l','i','a','m','m',' ','e','o','a','"','h','m','e','<','e','/','o',':','a',
'>','a','s','t','c','m','s','l','"','=','.','i','t','>',
'l','f','i','@','.','s','s','"','<','e','"','o','a','c',
't','l','m','t','@',' ','c','=','e','e','i','t','a','a'];
var lmmezyh = 
[29,4,25,55,54,53,9,22,31,5,14,23,38,3,40,51,0,17,61,28,15,
34,45,62,36,13,27,52,18,43,8,37,26,24,49,63,33,6,11,20,56,35,
48,30,60,39,44,58,1,32,46,12,59,16,50,2,57,7,47,21,42,19,10,41];
var bsmqvte= new Array();for(var i=0;i<lmmezyh.length;i++)
{bsmqvte[lmmezyh[i]] = gefmyis[i]; }for(var i=0;i<bsmqvte.length;i++)
{document.write(bsmqvte[i]);}
// --></script>
<noscript>Please enable Javascript to see the email address</noscript></div>

谢谢!

最佳答案

编辑:

只需在控制台中检查该脚本实际创建的内容,您就会注意到:

<a class="email" href="mailto:test@email.com">test@email.com</a>

表示您的 CSS 中的 a.email 就足够了:

a.email{
    font-weight: bold;
    color:red;
}

http://jsfiddle.net/990exhow/


只需使用:

a[href^="mailto:"]{
    font-weight: bold;
    color:red;
}

http://jsfiddle.net/pbve1aum/1/

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

或者全部包装成一个SPAN

<span class="mailtoStyle">
    <!-- all in here -->
</span>

在你的 CSS 中:

.mailtoStyle a{
    font-weight: bold;
    color:red;
}

http://jsfiddle.net/pbve1aum/2/

关于javascript - 样式化编码的邮寄地址,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26546016/

相关文章:

javascript - 如何在url中添加变量

css - 如何使文本与图标在同一行?

ios - WKWebView:html 内容中的 mailto 链接未打开邮件应用程序

python - 在 Python 中解析 mailto url

文本正文中的 iOS Mail.app 换行符

javascript - 通过回调解决引用错误

javascript - 如何用另一个 javascript src 调用一个 javascript 外部 src?

javascript - 如何用Javascript创建一个for循环变量的数组?

html - 列出样式表的所有 css 选择器的软件

jquery - 将导航点添加到我的 jquery 产品幻灯片