首页 > 网络编程 > CSS/HTML > 使用#default#userdata组件实现的可记忆内容的编辑器 2006-08-31 00:00:00 作者： 使用#default#userdata组件实现的可记忆内容的编辑器 以下代码正常调试须IE5.5以上浏览器 <html> <head> <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> </head> <body> <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> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:js下利用userData实现客户端保存表单数据改版了网上的一个js操作userdata
