通过ajax编辑,不用ajax实现点击文字即可编辑的方法

不用ajax实现点击文字即可编辑的方法

发布于 2016-12-13 16:44:23 | 77 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。

刚接触creatElement ,appendChild 等东东!呵呵!

写了这个东西,可能在高手看来,非常的稚嫩!不过完全自己写的!

还没有完善,请大侠指导!!

看代码

HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>

 New Document 

.test{border:1px solid #ccc;background-color:#eee;width:200px;height:60px;}

可编辑的内容
可编辑的内容

最后解决浏览器问题的代码

New Document

唉!!忙了一晚上,就这么解决了!!嘻嘻 呵呵

郁闷!

在firefox下 由于DOM有很小的差异,含有input的div中除标签内的空格外

不能有空格因为我们用的是childNodes[0]!否则需要点两下!

可编辑的内容一

可编辑的内容二

可编辑的内容三

可编辑的内容四

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关阅读:

不用ajax实现点击文字即可编辑的方法

JS简单实现点击复制链接的方法

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

JavaScript实现点击文字切换登录窗口的方法

JS实现点击文字对应DIV层不停闪动效果的方法

简单的实现点击箭头图片切换的js代码

js实现单击图片放大图片的方法

javascript设置连续两次点击按钮时间间隔的方法

js如何实现点击标签文字,文字在文本框出现

javascript实现点击后变换按钮显示文字的方法

js实现点击后将文字或图片复制到剪贴板的方法

js实现点击按钮时弹出确认、取消对话框