当前位置: 代码迷 >> Web前端 >> 给iframe中增添内容
  详细解决方案

给iframe中增添内容

热度:56   发布时间:2012-10-29 10:03:53.0
给iframe中添加内容

??? 在项目中使用fckeditor,一开始定义了自己的模板,让用户自行选择导入,后来用户要求,把一些基础内容都先预先填好,后来查阅了相关资料,没有解决了。

??? 那现在再想一下用户的需求,用户最终希望能够使用样式定好的模板,填写相关信息,然后进行报告的预览和打印。

??? 那么我们就可以把填写的内容和显示的功能分开来操作,填写内容用我们一般的表单,显示我们就用另一个页面直接承载定制好的样式,把传过来的内容填充进去不久可以了,在显示页,用户预览的同时,也可以对其进行打印。

??? 为了实现,我们可能要将之前一个fckeditor编辑区,在填写页面弄多个,然后在显示页将编辑的内容再显示出来。

??? 我们知道fckeditor本质是使用iframe的,所以我们在显示页,将内容也放在iframe中,就可以了。

<iframe id="diaofimage" width="583" height="300" frameborder="0"
???????????scrolling="auto" style="border: 1px solid gray"></iframe>

?

javascritp调用代码

//IE

diaofimage.document.write("<b>孙健</b>");

//FireFox

desofimage.contentWindow.document.write("asdfasdf");

?

当然,为了判断浏览器类型,我们再添加一段javascript代码作为判断的标准

var Brower={
????// 判断是否为IE6浏览器
????isIE6:navigator.userAgent.search('MSIE')>0&&navigator.userAgent.search('6')>0,
????// 判断是否为IE浏览器
????isIE:navigator.userAgent.search('MSIE')>0,
????// 判断是否为Opera浏览器
????isOpera:navigator.userAgent.indexOf('Opera')>-1,
????// 判断是否为FireFox浏览器
????isMoz:navigator.userAgent.indexOf('Mozilla/5.')>-1
???}

  相关解决方案