网站联系我们页面JavaScript代码异常显示问题求助

问题原因 #

• 页面中的JavaScript代码未被正确标记：浏览器需要通过<script>标签识别JS代码，若这段代码缺少标签、标签拼写错误或未闭合，浏览器就会把它当成普通文本直接显示。
• 也可能是邮箱加密/反爬虫的JS代码执行出错，原本应该隐藏代码并展示正常邮箱，结果代码本身暴露了出来。

解决办法 #

如果你用的是WordPress、Shopify这类建站平台 #

1. 登录网站后台，打开「联系我们」页面的编辑界面，切换到代码编辑模式（不要用可视化拖拽编辑器）
2. 找到邮箱图片下方那段显示的JS代码：
   • 如果代码外面没有<script>标签，把代码放在<script type="text/javascript">和</script>中间
   • 如果已经有标签，检查标签有没有拼写错误（比如少写了<或>）、是否正确闭合（必须同时有开头和结尾标签）
3. 保存页面，刷新前端页面查看效果

简单替代方案（不会改代码直接用） #

删掉那段显示的JS代码，换成普通的邮箱文本（比如contact@hrdbearing.com），这样既不会出错，也能让用户看到正确的联系方式。

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