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 = 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="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="array1" />
      分隔符
      <input type="text" name="splitChar" id="splitChar" />
      <input name="str" type="radio" id="char1" value="'" checked="checked" />
      '
      <input type="radio" name="str" id="char2" value="&quot;" />
       &quot;
      语言：<select name="lan" id="lan">
          <option value="javascript">Javascript</option>
          <option value="php">Php</option>
        </select>
     </td>
  </tr>
  <tr>
    <td><input type="submit" name="button" id="button" value="直接转换&gt;&gt;" onclick="htmlToArray('1');"/>
    <input type="submit" name="button2" id="button2" value="转换以'\'为连接符(javascript)" onclick="htmlToArray('2');"/></td>
  </tr>
</table>
</body>
</html>

html 转字符串换成代码的更多相关文章

  1. C#实现将字符串转换成代码并执行

    我们在写JavaScript程序的时候,有一个函数很有趣,eval(),这个方法非常有趣,他可以编译他内部的字符串,并将字符串按照JS代码执行,例如eval(‘alert(“message”)’),执 ...

  2. c语言实现常见字符串函数strchr strstr strcmp atoi itoi(字符串换成整数)

    好久没有更新博客了,刚刚出炉练练手的程序如下,很简单,没有考虑过多复杂的东西,有好的想法,欢迎指教: 字符查找函数: char *my_strchr(const char *s,int c) { ch ...

  3. JS字符串替换,将一个字符串中的特定字符串换成其他字符串

  4. UTF-8编码的字符串拆分成单字、获取UTF-8字符串的字符个数的代码及原理

    一.字符编码简介 1. ASCII码 在计算机内部,所有的信息最终都表示为一个二进制的字符串.每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态,这被称为一个字节(by ...

  5. 【代码笔记】iOS-把<br!>换成\n

    代码: - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. // ...

  6. JS代码获取当前日期时支持IE，不兼容FF和chrome，解决这个问题，我们需要把获取时间的getYear（）函数换成getFullYear（）

    以前在页面中获得当前时间的方法如下: function SelectTodayClient() { var d = new Date(); var taday = d.getYear() + &quo ...

  7. delphi 怎么将一个文件流转换成字符串（String到流，String到文件，相互转化）

    //from   http://kingron.myetang.com/zsfunc0d.htm (*//   标题:充分利用pascal字符串类型   说明:和PChar不同,string可以保存# ...

  8. Java将ip字符串转换成整数的代码

    下面代码是关于Java将ip字符串转换成整数的代码,希望对各位有较大用途. public class IpUtil { public static int Ip2Int(String strIp){ ...

  9. 给定一个字符串，把字符串内的字母转换成该字母的下一个字母，a换成b，z换成a，Z换成A，如aBf转换成bCg， 字符串内的其他字符不改变，给定函数，编写函数 void Stringchang（const char*input,char*output）其中input是输入字符串，output是输出字符串

    import java.util.Scanner; /*** * 1. 给定一个字符串,把字符串内的字母转换成该字母的下一个字母,a换成b,z换成a,Z换成A,如aBf转换成bCg, 字符串内的其他字 ...

随机推荐

  1. 基于SNMP的交换机入侵的内网渗透

    前言:局域网在管理中常常使用SNMP协议来进行设备的管理和监控,而SNMP的弱点也成为了我们此次渗透的关键. 使用SNMP管理设备只需要一个community string,而这个所谓的密码经常采用默 ...

  2. 【设计模式】工厂方法（FactoryMethod）模式

    看不见PPT的请自行解决DNS污染问题. 相关类的代码: namespace FactoryPatternConsole.Model { public class Address { public s ...

  3. vue.js+koa2项目实战（六）数据库建表

    数据库建表 1.打开 MySQL 终端 2.查看所有数据库 show databases 3.创建数据库 create database pet 4.进入数据库 use pet 5.创建数据表 cre ...

  4. CSS环绕球体的旋转文字-3D效果

    代码地址如下:http://www.demodashi.com/demo/12482.html 项目文件结构截图 只需要一个html文件既可: 项目截图: 代码实现原理: 该示例的实现过程很简单,主要 ...

  5. Axure教程：滑动进度条、圆形进度环的复杂交互效果实现方法

    滑动条.进度条.进度环,是产品原型中比较常见的进度展示功能.今天笔者分享的是使用Axure原型工具实现两种进度展示功能中相对复杂的交互效果. 效果一.可拖动.可显示进度值.可计算多个页面均值的滑动进度 ...

  6. 使用Apache Benchmark做压力测试遇上的5个常见问题

    这一篇文章主要记录我在使用Apache Benchmark(一下检测ab)做网站压力测试的过程中,遇到的一些问题以及解决办法,方便日后使用. 这一篇文章主要记录我在使用Apache Benchmark ...

  7. Cloudera Manager 和 CDH 4 终极安装

    转载请注明出处:http://www.cnblogs.com/thinkCoding/p/3567408.html 系统环境 操作系统:CentOS 6.5 Cloudera Manager 版本:4 ...

  8. Lua学习四----------Lua变量

    © 版权声明:本文为博主原创文章,转载请注明出处 1.Lua变量 - 变量在使用前,必须在代码中进行声明,即创建该变量 - 编译程序执行代码之前编译器需要知道如何给语句变量开辟存储区,用于存储变量的值 ...

  9. Django之站内搜索-Solr,Haystack

    java -version 不多说 solr 是java 开发的 java version "1.7.0_79" Java(TM) SE Runtime Environment ( ...

  10. HTML5 2D平台游戏开发#2跳跃与二段跳

    在上一篇<Canvas制作时间与行为可控的sprite动画>中已经实现了角色的左右移动,本篇继续实现角色的一系列动作之一:跳跃.先来看看最终效果: 要实现跳跃,必须模拟垂直方向的速度和重力 ...