<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 59, comments - 244, trackbacks - 0, articles - 0
      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理

    html編輯器(自己記錄用)

    Posted on 2011-03-12 22:39 penngo 閱讀(508) 評論(0)  編輯  收藏 所屬分類: javascript

    這幾天有點蛋疼,有個新系統的HTML編輯器居然在IE6下部分功能不能用,想讓客戶升級下IE版本,結果客戶的機子有些舊系統只能在IE6下運行,不能升級。只好用最笨的方法把部分代碼抽出來在IE6下調試。本文是把自己寫的一小部分調試代碼記錄下,下次找起來時方便點。
    exec.htm

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        
    <title>無標題頁</title>
    </head>
    <body>
    <script language="javascript">
    var brower = function(){
        
    var a = navigator.userAgent.toLowerCase();
        
    if(a.indexOf("msie"> -1){
            
    var re = new RegExp("msie\\s?([\\d\\.]+)""ig");
            
    var arr = re.exec(a);
            
    if(parseInt(RegExp.$1>=5.5){
                
    return "IE";
            }

        }

        
    else if(a.indexOf("firefox"> -1){
            
    return "FF";
        }

    }
    ();

    function execCom(cmd){
        document.execCommand(cmd, 
    """");
    }

    function code(){
        
    var fram = document.getElementById("editFrame").contentWindow;
        
    var bo = fram.document.body.innerHTML;
        document.getElementById(
    "myarea").value = bo;
    }

    function inserCode(){
        
    var value = document.getElementById("myarea").value;
        
    var fram = document.getElementById("editFrame").contentWindow;
        fram.document.body.innerHTML 
    = value;
    }

    </script>



    <table>
        
    <tr>
            
    <td colspan="2">
                
    <input type="button" onclick="execCom('UNDO')" value="撤消" />
                
    <input type="button" onclick="execCom('REDO')" value="重復" />
                
    <input type="button" onclick="code()" value="查看源碼" />
                
    <input type="button" onclick="inserCode()" value="插入源碼" />
            
    </td>
        
    </tr>
        
    <tr>
            
    <td>
                
    <textarea id="myarea" style="background-color:#99b6d5;width:200px; height:400px;" cols="10" >  
                
    </textarea>
            
    </td>
            
    <td>
                
    <iframe id="editFrame" src="my.htm" width="300px" height="400px" />
            
    </td>
        
    </tr>
        
    <tr>
            
    <td>
                
            
    </td>
        
    </tr>
    </table>
    </body>
    </html>

    my.htm
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        
    <title>無標題頁</title>
    </head>
    <body contentEditable="true" style="background-color:#99b6d5;">
    <input type="button" value="確認" />
    <input type="text" />
    <input type="button" value="復選框" />
    </body>
    </html>

    效果圖:
    主站蜘蛛池模板: 久久免费福利视频| 黄视频在线观看免费| 日韩精品免费一区二区三区| 最新国产成人亚洲精品影院| 国产真人无遮挡作爱免费视频 | 日韩精品成人亚洲专区| a毛片成人免费全部播放| 久久精品亚洲精品国产色婷| 在线精品免费视频| 中文字幕在线免费看| 亚洲av乱码一区二区三区| 亚洲国产一级在线观看| 84pao国产成视频免费播放| 一级毛片一级毛片免费毛片| 免费观看一区二区三区| 亚洲欧美日韩中文字幕一区二区三区| 免费无码成人AV在线播放不卡| 亚洲免费视频网址| 国产偷国产偷亚洲高清日韩| 久久精品视频免费播放| 亚洲A∨精品一区二区三区下载| 亚洲国产成人久久综合一| 国产高清在线免费| 一级毛片全部免费播放| 国产成人综合亚洲一区| 亚洲毛片免费视频| 亚洲桃色AV无码| 在线观看91精品国产不卡免费| 91精品国产免费久久国语蜜臀| 深夜特黄a级毛片免费播放| 亚洲一区二区三区免费在线观看| 亚洲经典千人经典日产| 四虎最新永久免费视频| 亚洲1区1区3区4区产品乱码芒果 | 亚洲阿v天堂在线2017免费| 亚洲综合在线一区二区三区 | 亚洲精品视频免费在线观看| 亚洲日韩VA无码中文字幕 | 久久久久亚洲AV成人片| 国产亚洲色视频在线| 国产免费午夜a无码v视频|