本文探讨了在使用JavaScript的showModalDialog弹窗显示父页面数据时遇到的问题，当父页面数据中含有特殊字符（如&）时，这些特殊字符及之后的内容无法正常显示。文章给出了解决方案，即使用innerText而非innerHTML属性进行内容赋值。
遇到个这样的问题：
在某页面提交前，需要给个确认框，并在确认框里显示需提交页面（父页面）的一些页面信息。
用showModalDialog来实现，弹出对话框中通过modalDialog的window.dialogArguments取得需在对话框中显示的父页面数据，并通过 [color=red]document.getElementById("someElementId").innerHTML = varParentData（父页面数据）[/color] 将相应的数据插入到弹出对话框指定位置。
但出了个问题，当得到的父页面数据varParentData含有特殊字符时（如&），则特殊字符及其后的字符将不会在弹出对话框的指定位置予以显示；后在子弹出页面中改用：
[color=red][b]document.getElementById("someElementId").innerText = varParentData（父页面数据）[/b][/color]，问题解决。
Notice：
[b]innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除[/b]
关于innerHTML innerText outerText outerHTML区别，网上很多，不转是傻子：
[url]http://www.blogjava.net/luofeng225/archive/2009/03/30/262593.html[/url]
[url]http://walsh.iteye.com/blog/261966[/url]
[url]http://reack.itpub.net/post/1065/33786[/url]
[url]http://walsh.iteye.com/blog/261941[/url]
在某页面提交前，需要给个确认框，并在确认框里显示需提交页面（父页面）的一些页面信息。
用showModalDialog来实现，弹出对话框中通过modalDialog的window.dialogArguments取得需在对话框中显示的父页面数据，并通过 [color=red]document.getElementById("someElementId").innerHTML = varParentData（父页面数据）[/color] 将相应的数据插入到弹出对话框指定位置。
但出了个问题，当得到的父页面数据varParentData含有特殊字符时（如&），则特殊字符及其后的字符将不会在弹出对话框的指定位置予以显示；后在子弹出页面中改用：
[color=red][b]document.getElementById("someElementId").innerText = varParentData（父页面数据）[/b][/color]，问题解决。
Notice：
[b]innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除[/b]
关于innerHTML innerText outerText outerHTML区别，网上很多，不转是傻子：
[url]http://www.blogjava.net/luofeng225/archive/2009/03/30/262593.html[/url]
[url]http://walsh.iteye.com/blog/261966[/url]
[url]http://reack.itpub.net/post/1065/33786[/url]
[url]http://walsh.iteye.com/blog/261941[/url]
扫一扫
1357
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
