发现IE中替换a标签href属性的一个bug或是疑惑。

最新推荐文章于 2021-11-22 22:51:18 发布

原创最新推荐文章于 2021-11-22 22:51:18 发布 · 3.6k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文探讨了HTML中特殊字符“@”导致的链接显示异常问题，在不同浏览器中的表现及解决方案。通过JavaScript修改元素的href属性和innerHTML来解决该问题。

先看现象：

<html> <body> <a id="a_test1" href="http://blog.csdn.net" mce_href="http://blog.csdn.net">hello@163.net</a> <a id="a_test2" href="http://blog.csdn.net" mce_href="http://blog.csdn.net">hello#163.net</a> <input type="button" onclick="button1Click()" value="测试1" /> <input type="button" onclick="button2Click()" value="测试2" /> <mce:script type="text/javascript"></mce:script> </body> </html>

测试1
输出：http://blog.csdn.net/zswang

测试2
输出：hello#163.net

这是为什么呢？就是文本存在“@”字符导致。

firefox中正常。

目前想到的方案就是先赋值href再赋值一次innerHTML

标签