刚发现一个BUG，模态对话框url中含有#时出现的问题

最新推荐文章于 2021-06-07 14:38:44 发布

原创最新推荐文章于 2021-06-07 14:38:44 发布 · 721 阅读

0 ·

CC 4.0 BY-SA版权

本文探讨了在使用JavaScript模态对话框时遇到的问题，即在调用window.close()方法后，对话框并未立即关闭，反而触发了window.open()方法，导致打开新的页面。文章详细分析了问题原因，并提供了避免使用URL中的#字符或进行URL编码的解决方案。此外，还附上了相关URL解析的知识链接。

问题重现：

showModelessDialog("usertree.jsp?name=#user1", window, 'dialogWidth:300px;dialogHeight:300px;center:yes;resizable:no;scroll=no;help:no;status:no')//#user1为一个用户名;

打开usertree.jsp这个页面后，当我调用window.close()方法时，它并没有立刻执行关闭对话框的方法，而是调用了window.open方法，又打开了一个网页，url为模态对话框的url
解决方案：
避免在传递参数时使用＃字符，或者将#转码
附上一个url ＃知识的地址：
http://www.ruanyifeng.com/blog/2011/03/url_hash.html

具体出现以上问题的原因还没搞清楚，希望看到这篇文章的哥们能帮助解答一下，万分感谢！