designMode 属性
190
designMode 属性相当于一个全局的contentEditable 属性,如果把整个页面的 designMode属性设置为 on 时,该页面上所有可支持 contentEditable 属性的元素都变成可编辑状态;designMode 属性默认为 off。
在JavaScript 代码中只能修改整个 HTML 页面的 designMode 属性。
designMode属性用来指定整个页面是否可编辑,当页面可编辑时,页面中任何支持上文所述的contentEditable属性的元素都变成了可编辑状态。designMode属性只能在JavaScript脚本里被编辑修改。该属性有两个值—“on”与“off”。属性被指定为“on”时,页面可编辑;被指定为“off”时,页面不可编辑。使用JavaScript脚本来指定designMode属性的方法如下所示:
document.designMode="on"
针对designMode属性,各浏览器的支持情况也各不相同:
IE8:出于安全考虑,不允许使用designMode属性让页面进入编辑状态。
IE9:允许使用designMode属性让页面进入编辑状态。
Chrome 3和Safari:使用内嵌frame的方式,该内嵌frame是可编辑的。
Firefox和Opera:允许使用designMode属性让页面进入编辑状态。