首页 > 代码库 > html 转字符串换成代码

html 转字符串换成代码

1. [文件] htmlToCode.html 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript 字符串转换Array</title>
<script type="text/javascript">
//author: Ben
function $(el){
    if(el){
        return document.getElementById(el);
    }
}
 
function checkInput(){
}
 
//分隔
//splitChar js的字符串连接符
function splitInput(val,isJsContactChar){
    var valLen = val.length;
    var inputSplitChar = $(‘inputSplitChar‘).value;
    var inputSplitCharCode = 10;
     
    if(inputSplitChar == ‘br‘){
        inputSplitCharCode = 10;
    }else if(inputSplitChar.length == 1){
        inputSplitCharCode = inputSplitChar.charCodeAt(0);
    }
 
    var arr = [];
    var temp = ‘‘;
    var nums = 0;
    var pos = 0;
     
    if(inputSplitCharCode>0){
        for(var i=0;i<valLen;i++){
            if(val[i].charCodeAt(0)==inputSplitCharCode){
                if(isJsContactChar){
                    temp = temp.substr(0,temp.length-1);
                }
                if(temp.substr(0,1)==‘\‘‘ || temp.substr(0,1)==‘"‘){
                    temp = temp.substr(1,temp.length);
                }
                if(temp.substr(temp.length - 1,1) == ‘\‘‘ || temp.substr(temp.length - 1,1) == ‘"‘){
                    temp = temp.substr(0,temp.length-1);
                }
                arr.push(temp);
                nums++;
                temp = ‘‘;
                pos = i;
            }else{
                temp += val[i];
            }
        }
    }else{
        arr = val.split(inputSplitChar);
    }
     
     
    return arr;
}
 
 
//html转array格式变量
function htmlToArray(type){
    var html_code = $(‘html_code‘).value;
     
    checkInput();
    var html_arr = [];
     
    switch(type){
        case ‘1‘:
            html_arr = splitInput(html_code);
            break;
        case ‘2‘:
            html_arr = splitInput(html_code,‘\\‘);
            break;
    }
     
    response(html_arr);
}
 
function response(html_arr){
    var result = ‘‘;
    var var_name = $(‘var_name‘).value;
    var lan = $(‘lan‘).value;
    var char = ‘"‘;
     
    if($(‘char1‘).checked){
        char = ‘\‘‘;
    }else{
        char = ‘"‘;
    }
    switch(lan){
        case ‘javascript‘:
            result = javascript(html_arr ,var_name ,char);
            break;http://www.huiyi8.com/hunsha/hanshi/?
        case ‘php‘:韩式婚纱照片
            result = php(html_arr ,var_name ,char);
            break;
    }
    $(‘html_array‘).value = http://www.mamicode.com/result;
}
 
function javascript(html_arr,var_name,char){
    var result = ‘‘;
    for(var i=0,len = html_arr.length;i<len;i++){
        result += var_name + ‘.push(‘+char;
        result += html_arr[i];
        result += char +‘);\n‘;
    }
     
    result += var_name + ‘.join(\‘‘ + $(‘splitChar‘).value + ‘\‘);‘;
    return result;
}
 
function php(html_arr,var_name,char){
    var result = ‘‘;
    for(var i=0,len = html_arr.length;i<len;i++){
        result += ‘$‘ + var_name + ‘ .= ‘+char;
        result += html_arr[i];
        result += char +‘;\n‘;
    }
     
    return result;
}
 
</script>
</head>
 
<body>
<table width="100%" border="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>html 转字符串换成代码(字符串分隔符(br为换行):<input type="text" name="inputSplitChar" id="inputSplitChar" value="http://www.mamicode.com/br" />)</td>
  </tr>
  <tr>
    <td><textarea name="html_code" id="html_code" cols="100" rows="10"></textarea></td>
  </tr>
  <tr>
    <td>&gt;&gt;</td>
  </tr>
  <tr>
    <td><textarea name="html_array" id="html_array" cols="100" rows="10"></textarea></td>
  </tr>
  <tr>
    <td>变量名:
      <input name="var_name" type="text" id="var_name" value="http://www.mamicode.com/array1" />
      分隔符
      <input type="text" name="splitChar" id="splitChar" />
      <input name="str" type="radio" id="char1" value="http://www.mamicode.com/‘" checked="checked" />
      ‘
      <input type="radio" name="str" id="char2" value="http://www.mamicode.com/"" />
       &quot;
      语言:<select name="lan" id="lan">
          <option value="http://www.mamicode.com/javascript">Javascript</option>
          <option value="http://www.mamicode.com/php">Php</option>
        </select>
     </td>
  </tr>
  <tr>
    <td><input type="submit" name="button" id="button" value="http://www.mamicode.com/直接转换>>" onclick="htmlToArray(‘1‘);"/>
    <input type="submit" name="button2" id="button2" value="http://www.mamicode.com/转换以‘/‘为连接符(javascript)" onclick="htmlToArray(‘2‘);"/></td>
  </tr>
</table>
</body>
</html>

html 转字符串换成代码