textarea中的value值取出放到一个pre标签中,在火狐和谷歌浏览器中测试,textarea中的所有空格和换行都能在pre标签中显示出来,但是IE中会将pre标签中的内容所有空格缩为一个空格,换行直接忽略了,这个问题该怎么解决。

解决方案 »

  1.   

    我的就一个文件,没有CSS文件,那段代码直接加到了我的文件中,没用啊。。
      

  2.   

    在<style></style>标记里加
      

  3.   

    是的,在<style type="text/css"></style>里面加的,木有效果。。
      

  4.   


    <script>
    function print(d){
    for(i=0;i<3;i++){
    if(i==d) eval("div"+i).style.visibility="visible";
    else eval("div"+i).style.visibility="hidden";
    }
    document.all.wb.ExecWB(7,1);
    for(i=0;i<3;i++){
    eval("div"+i).style.visibility="visible";
    }
    }
    </script>
    <div id=div0>
    <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT> 
    <input type=button value=打印预览 onclick="wb.execwb(7,1)">
    <input type=button onClick=document.all.wb.ExecWB(6,1) value="打印"><input type=button value=打印表格1 onclick=print("1")><input type=button value=打印表格2 onclick=print("2")></div>
    <div id=div1>
    表格一:<br>
    <table>
    <tr><td>1111</td><td>1111</td><td>1111</td></tr>
    <tr><td>1111</td><td>1111</td><td>1111</td></tr>
    <tr><td>1111</td><td>1111</td><td>1111</td></tr>
    </table>
    </div>
    <div id=div2>
    表格二:<br>
    <table>
    <tr><td>2222</td><td>2222</td><td>2222</td></tr>
    <tr><td>2222</td><td>2222</td><td>2222</td></tr>
    <tr><td>2222</td><td>2222</td><td>2222</td></tr>
    </table>
    </div>
    我上网搜索到的
    这是引用链接,你可以看看里面的例子:http://bbs.51js.com/thread-16188-1-1.html
      

  5.   

    谢谢,这个问题已经解决了。用正则表达将value中的空格和换行替换成了&nbsp和<br/>.
      

  6.   

    <html>
    <head>
    <title>答题专用</title> <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="js/_selectControl.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    $("#copyTextIncodeSpace").click(function(){
    var text = $("#txtInput").val();
    var str = new String(text);
    var showtext =str.replace(/[" "]/g,"&nbsp;");
    $("#preTarget").html(showtext);

    });
    });
    </script>
    </head>
    <body>
    <div>
    <input type="button" id="copyTextIncodeSpace" value="包括空格" />
    <input type="text" id="txtInput" />
    <pre id="preTarget">我是一个pre</pre>
    </div>
    </body>
    </html>