iframe自动调整高度的问题.

http://community.csdn.net/Expert/topic/3312/3312496.xml?temp=.4667169这里我有解答

解决方案 »

  1.   

    先说2<%
    strNote = document.all.idEditbox.value
    strNote = replace(strNote,chr(13) & chr(10),"<br>")
    %>
      

  2.   

    第2个问题有点奇怪，默认是自动换行的，没有必要加<br>。而楼上的代码不太严谨，要是中间有HTML标签的话会不正确的。
      

  3.   

    问题2的意思是,比如iframe有5个字符的宽度,现在输入:
    asdfg
    fddsd
    dgdeg
    dsdff
    .....表面是会换行,但是document.all.textarea.value=idEditbox.document.body.innerHTML
    textarea显示的是:asdfgfddsddgdegdsdff,不是asdfg<br>fddsd<br>dgdeg<br>dsdff.我要的是后者.
      

  4.   

    style="height:expression(document.body.scrollHeight)"
      

  5.   

    //这样可以自动高速高度<td width="200" > 
    <IFRAME style="height:expression(idEditbox.document.body.scrollHeight)" id=idEditbox marginWidth=0 marginHeight=0 src="4.htm" frameBorder=1  width="100%"   scrolling="no"   ></IFRAME>
    </td>
      

  6.   

    问题1.
    为什么iframe的高度不会随内容的多少而改变高度.请问要如何才能使iframe的高度随内容的增加而变高
    -----> <table><tr>
     <td width="200" >  
    <IFRAME id=idEditbox marginWidth=0 marginHeight=0 src="a.htm" frameBorder=1  width="100%"   scrolling="no"   >
    </IFRAME>
    </td>
    </tr></table>
      

  7.   

    <iframe src="http://www.baidu.com" onload="this.height = this.document.body.offsetHeight;this.width=this.document.body.offsetWidth;"></iframe>
    让Iframe的高度及大小随帧内容的大小而自动改变呢？
    一直以来，网上很多朋友都在提问这个问题。本人在参阅JS文档后，发现在这种效果是可以实现的。
    其实实现方法很简单：
    假设Parent.Asp 包含有一个名为 News 的Iframe.Asp，那么在Parent.asp我们如下设置
    <table border=1>
    <tr>
    <td id=iHeight>
    <iframe name="news" width=100%  height=100% src="Iframe.Asp" frameborder=no scrolling=no ></iframe>
    </td>
    </tr>
    </table>
    在Iframe.Asp里<body>写入如下代码：
    <body onload="parent.document.all.iHeight.height=this.document.body.scrollHeight+10;">
    通过以上即可达到Iframe的高度及大小随帧内容的大小而自动改变的效果，而不会影响你原来页面效果，非常方便！
      

  8.   

    给IFRAME单独用个表格
    像上边那样
      

  9.   

    或许你定义的表格限制了IFRAME的高度
      

  10.   

    iframe中内容改变会触发的事件叫什么?
      

  11.   

    <IFRAME style="height:expression(idEditbox.document.body.scrollHeight)" id=idEditbox marginWidth=0 marginHeight=0 src="4.htm" frameBorder=1  width="100%"   scrolling="no"   ></IFRAME>
    粉好。搞定。
      

  12.   

    把<body style="word-break:break-all;" >
    改为<body style="word-break:break-all;" onresize="parent.document.all('idEditbox').style.height=document.body.scrollHeight+15;">我也遇到过类似的问题，就是用利用处理resize事件解决的，你试试看