关于iframe替代textarea的技术

原创 2004年09月23日 22:37:00

代码如下 <IFRAME id=editer2 width="100%" height=200></IFRAME>
<P></P>
<P align=center><INPUT id=Button1 onclick=show(editer2); type=button value=Button name=Button1> <INPUT id=Button2 onclick=insertImg(editer2); type=button value=InsertImg name=Button2></P>
<SCRIPT language=javascript>
  function initEdit(editer)//使iframe可以运行的函数
  {
   editer.document.designMode="On";
   editer.document.open(); //可以删掉
   editer.document.close(); //可以删掉
  }
 
  function show(editer)
  {
   var tmp = editer.document.body.innerHTML;
   document.write(tmp);
  }
 
  function insertImg(editer)
  {
   sel = editer.document.selection.createRange();
   sel.pasteHTML("<img src='/test/web.gif'></img>");//这里需要想办法获得真正iframe内的内容
  }
  initEdit(editer2);//使iframe可以调用函数
  </SCRIPT>
实现效果如下:

代码如下

Iframe和input、textarea的区别

                        1. Iframe会将其内容中自动的转换为&tl;,&gl;而input、textarea没有这个功能。哎!!!!!想了好长时间才明白。。。...
  • renpinghao
  • renpinghao
  • 2011年03月28日 14:51
  • 1838

关于iframe替代textarea的技术

代码如下   function initEdit(editer)//使iframe可以运行的函数  {   editer.document.designMode="On";   editer.doc...
  • huanxiong0101
  • huanxiong0101
  • 2004年09月23日 22:37
  • 1483

HTML标签textarea的换行实现

场景:动态往textarea标签中,添加text的文本。同时实现换行添加。 实现: $("#selectId").append("xxxxxxxxxxxxxxxxxxxxxxxxxxxxx...
  • LLLLLiSHI
  • LLLLLiSHI
  • 2017年06月27日 13:30
  • 1611

关于iframe代替textarea的传值问题

关于iframe的传值问题,一直让偶头疼,他怎么就不会跟着form表单一起传值呢???.昨晚绞尽脑汁,查阅无数资料,终于得出一条妙计。那就是…………………………………………用隐藏域作为过渡,利用jav...
  • huanxiong0101
  • huanxiong0101
  • 2004年09月24日 11:28
  • 1689

替代废除iframe方案

废掉iframe 一 页面引进Ajax get 2 二 Shadow DOM 2 2.1 还记得iframe们吗? 2 2.2 我的名字是DOM,Shadow DOM 2 2.3 事件的情况...
  • luozhonghua2014
  • luozhonghua2014
  • 2016年03月13日 15:33
  • 11952

iframe使用总结(实战)

说在前面的话,iframe是可以做很多事情的。 例如: a>通过iframe实现跨域; b>使用iframe解决IE6下select遮挡不住的问题 c>通过iframe解决Ajax的前进后退问题 d>...
  • BJ_benjamin
  • BJ_benjamin
  • 2013年09月06日 20:51
  • 48241

<pre>标签让<textarea>标签的内容原样输出

当通过插数据进数据的库,取出来后都变成一行变成,用这个标签能原样输入插入时的格式。   当时要对加一些CSS样式才行啦。 以下为引用的内容: pre { white-sp...
  • z69183787
  • z69183787
  • 2013年03月15日 10:09
  • 6368

使用jQuery和ajax代替iframe

iframe虽然好用,但是其弊端也很明显,一是它不能使用于响应式布局,iframe的使用必须指定高度,而响应式布局的高度兵分固定的。其次iframe不易被搜索引擎的爬虫解读,特别是iframe中嵌套i...
  • mafan121
  • mafan121
  • 2015年09月07日 17:35
  • 11048

使用jquery ajax代替iframe

大家在实际编写网页时可能会遇到网页中需要嵌套网页的情况,这时候通常想法就是通过iframe标签。 但实际用过的人都知道其有种种的不方便,比较直观的问题就是iframe的自适应高度,这也是处理起来比较...
  • w2222288
  • w2222288
  • 2015年04月29日 15:26
  • 1230

iframe的常用方法

iframe的常用方法 定义和用法 iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 兼容 所有浏览器都支持 标签。但是在 HTML 4.1 Strict DT...
  • qq_35515563
  • qq_35515563
  • 2017年03月09日 17:32
  • 625
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于iframe替代textarea的技术
举报原因:
原因补充:

(最多只允许输入30个字)