如何为a标签href传入函数生成动态链接？邮件HTML中遇异常

核心原因 #

所有尝试失败的本质问题是：主流邮件客户端为了安全，都会默认禁用JavaScript，不管是内嵌的script代码、onClick事件还是javascript:伪协议，都会被拦截或过滤，导致依赖JS的动态链接逻辑完全失效。

逐个分析你的无效代码 #

1. 第一段不可点击代码
   代码里先执行了document.getElementById('specialLink').href = redirectToApp();，但此时redirectToApp函数还未定义（函数声明在代码后面），会直接报错，导致href依然是初始的#，点击后只会跳转到页面锚点，不会跳转目标链接。就算调整函数定义顺序，邮件客户端也大概率会删掉script标签，让函数根本无法被调用。

   <body>
   <a id="specialLink" href="#" onClick="redirectToApp()">click me</a>
   <script>
   document.getElementById('specialLink').href = redirectToApp();
   function redirectToApp () {
       return "http://www.google.com";
   } 
   </script>
   </body>
   

2. 第二段不可点击代码
   onClick事件里的JS代码被邮件客户端直接禁用，点击a标签只会触发默认的#锚点跳转，不会执行document.location.href的跳转逻辑。

   <body>
   <a href="#" onClick="document.location.href=redirectToApp()">click me</a>
   <script>
   function redirectToApp () {
       return "http://www.google.com";
   } 
   </script>
   </body>
   

3. 第三段导致404的代码
   javascript:伪协议被邮件客户端识别为无效的URL路径，客户端会尝试访问这个字符串对应的地址，自然返回404错误。

   <body>
   <a href="javascript:document.location.href=redirectToApp();">click me</a>
   <script>
   function redirectToApp () {
       return "http://www.google.com";
   } 
   </script>
   </body>
   

可行解决方案 #

邮件环境下无法依赖客户端JS实现动态链接，必须在邮件发送前的后端处理阶段，就把最终的目标URL直接写入a标签的href属性中。如果需要根据收件人或其他条件生成不同链接，要在后端逻辑里完成URL的动态生成，再填充到HTML里，最后发送邮件。

比如直接使用有效链接的格式：

<a href="http://www.google.com">click me</a>

内容的提问来源于stack exchange，提问作者learncode