<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 閱讀(499) 評論(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丁香五香天堂网| 黄色免费网址大全| 亚洲人成无码网站久久99热国产| WWW国产亚洲精品久久麻豆| 日本一道高清不卡免费| 亚洲AV色欲色欲WWW| 性做久久久久免费看| 久久水蜜桃亚洲AV无码精品| 国产男女性潮高清免费网站 | 青青青国产免费一夜七次郎| 亚洲成a∨人片在无码2023| 免费无码又爽又刺激毛片| 日本激情猛烈在线看免费观看 | 久久久久亚洲精品天堂久久久久久| 国产亚洲日韩在线a不卡| 日韩亚洲国产二区| 免费人成毛片动漫在线播放| 亚洲综合日韩中文字幕v在线| 性xxxxx免费视频播放| 国产精品亚洲专区无码唯爱网| 免费人成网站在线高清| 久久嫩草影院免费看夜色| 中文字幕亚洲精品| 国产成人免费爽爽爽视频| 牛牛在线精品免费视频观看| 国产日韩亚洲大尺度高清| 91精品免费观看| 国产区图片区小说区亚洲区| 亚洲女久久久噜噜噜熟女| 精品成在人线AV无码免费看| 亚洲国产欧美日韩精品一区二区三区 | 国产成人精品男人免费| aa在线免费观看| 亚洲va在线va天堂成人| 亚洲国产一成久久精品国产成人综合| 免费在线看黄的网站| 亚洲狠狠婷婷综合久久| 亚洲Av永久无码精品三区在线 |