为什么弹出警报会影响“designMode”？
我正在尝试构建一个页面编辑器。 Firefox 中的一个问题让我抓狂。
页面代码如下：
<body>
<iframe WIDTH=200 HEIGHT=200 id="myEditor"></iframe>
<script>
function getIFrameDocument(sID){
// if contentDocument exists, W3C compliant (Mozilla)
if (document.getElementById(sID).contentDocument){
alert("mozilla"); // comment out this line and it doesn't work
return document.getElementById(sID).contentDocument;
} else {
// IE
alert("IE");
//return document.getElementById(sID);
return document.frames[sID].document;
}
}
getIFrameDocument("myEditor").designMode = "On";
</script>
</body>
只是检查Mozilla方式或IE方式设置“designMode”是否合适。 页面加载时，会弹出“Mozilla”； 点击iframe区域，焦点就在iframe上，可以用键盘输入了。
这看起来不错，但是当我注释掉 “alert("mozilla");” 行时，它不起作用。 正如 FireBug 所示，“designMode”为“Off”。
这太有线了。 为什么警报会影响 DOM 和 javascript？ 顺便说一句，我的 Firefox 是 3.0.6。
I was expreimenting to build a page editor. One issue just drove me crazy in firefox.
The page code is below:
<body>
<iframe WIDTH=200 HEIGHT=200 id="myEditor"></iframe>
<script>
function getIFrameDocument(sID){
// if contentDocument exists, W3C compliant (Mozilla)
if (document.getElementById(sID).contentDocument){
alert("mozilla"); // comment out this line and it doesn't work
return document.getElementById(sID).contentDocument;
} else {
// IE
alert("IE");
//return document.getElementById(sID);
return document.frames[sID].document;
}
}
getIFrameDocument("myEditor").designMode = "On";
</script>
</body>
It just check whether it is approprate to set "designMode" in Mozilla way or IE way. When the page loads, a "Mozilla" pops up; click the iframe area, and the focus is on the iframe and I can input with keyboard.
This looks fine, but when I comment out the line “alert("mozilla");”， it doesnt work. The "designMode" is "Off" as FireBug shows.
This is so wired. Why a alert can affect the DOM and javascript?
BTW, my Firefox is 3.0.6.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
因为警报给了 iframe 加载时间。 您应该仅在 iframe 文档加载后将 designMode 设置为“on”：
Because the alert gives the iframe time to load. You should set designMode to "on" only after the iframe document has loaded: