使用#default#userdata组件实现的可记忆内容的编辑器_CSS/HTML

上一篇: li的简单应用(将前面的点换成图标... 下一篇:marquee的详细用法解析

使用#default#userdata组件实现的可记忆内容的编辑器

发布时间：2022-04-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了使用#default#userdata组件实现的可记忆内容的编辑器，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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

<html> <head> <style> .userData {behavior:url(<a href="http://www.js-code.com/tag/" target="_blank" class="keywords">#</a>default#userdata);} </style> <script for="window" event="onload"> DoLoad(); </script> <script for="window" event="onbeforeunload">  <a href="http://www.js-code.com/tag/DOS/" target="_blank" class="keywords">DOS</a>ave(); </script> <script> function DoSave(){  foo.<a href="http://www.js-code.com/tag/setattribute/" target="_blank" class="keywords">setattribute</a>("content", foo.innerHT<a href="http://www.js-code.com/tag/ML/" target="_blank" class="keywords">ML</a>);  foo.save("Ed<a href="http://www.js-code.com/tag/IT/" target="_blank" class="keywords">IT</a>Content"); } 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需再刷新一下页面才能执行]

您可能感兴趣的文章: