記憶に残るコンテンツ エディター #default#userdata コンポーネントを使用して実装された CSS/HTML

以下代码正常调试须IE5.5以上浏览器

<style> .userData {behavior:url(#default#userdata);} </style> <script for="window" event="onload"> DoLoad(); </script> <script for="window" event="onbeforeunload"> DoSave(); </script> <script> function DoSave(){ foo.setAttribute("content", foo.innerHTML); foo.save("EditContent"); } function DoLoad(){ foo.load("EditContent"); content = foo.getAttribute("content"); if (content != null) foo.innerHTML=content; } function DoClear(){ foo.innerHTML = ""; } </script> <p align="center"> <button onclick="DoSave()">保存</button> <button onclick="DoClear()">清除</button> <button onclick="DoLoad()">加载</button> </p> <div id="foo" class="userData" contenteditable="true" style="width:100%;height:90%;border:1pt solid black"> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]