zoukankan      html  css  js  c++  java
  • js 记录遇到的坑

    这里随手记录一下在js中遇到的坑吧:

      

    Replace方法,默认只替换第一个

    大坑货repalce:(默认只替换第一个)
    string str ="wo shi js,ni shi shui"
    
    1、替换第一个: string end =str.replace("shi","wei")
         结果:wo wei js,ni shi shui
    2、想要全部替换的话: string end =str.replace(/shi/g,"wei") 结果:wo wei js,ni wei shui

      

     string和object对象的转换:

     1 <script>
     2     var jsonstr = '[{"date":1,"综合能率":"88","标准":"85"},{"date":2,"综合能率":"88","标准":"85"},{"date":12,"综合能率":"28","标准":"85"}]';
     3   //转json object对象
     4     var jsonObj = JSON.parse(jsonstr)
     5   //json对象再转回string
     6   var jsonstr2 = JSON.stringify(yyy);
     7     console.log(typeof(jsonstr));//string
     8     console.log(typeof(yyy));//object
     9     console.log(typeof(result));//string
    10 </script>
    $('#selectid').change(function () {
                 var date = $(this).find("option:selected").val();
            //or 或者
    var date1 = $('#selectid
    option:selected').val();
            alert(date)
    }

    js面向对象的使用方法:

    //自定义option样式
    var options = {
        barOption: {
            tooltip: {},
            dataset: {
                // 提供一份数据。
                source: []
            },
            xAxis: {
                type: 'category',
            },
            yAxis: {
            },
            series: [{
                type: 'bar'
            }]
        },
        lineOption: {
            tooltip: {},
            dataset: {
                // 提供一份数据。
                source: []
            },
            xAxis: {
                type: 'category',
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                type: 'line'
            }]
        },
    };
    
    //定义chart对象,及方法
    function chartObj(optionType) {
        var option = '';
    
        this.setOption = function (optionType) {
    
            var optionTypes = Object.keys(options); //获取所有的json的key
    
            if (optionTypes.indexOf(optionType + 'Option') >= 0) { //符合输入类型的返回对应option
                option = options[optionType + 'Option']
                return this;
            }
            TODO:"不在封装的option里面的类型异常处理"
    
        }
    
        this.getOption = function () {
            return option;
        }
    
        //设置series
        this.setDataSet = function(data) {
            option.dataset.source = data;
            return this;
        }
    
        //设置series
        this.setSeries = function(series) {
            option.series = series;
            return this;
        }
    
    }

     页面元素的name带有[],使用jquery怎么取?\

    使用//来转义

    <body> <div> <div name="roletype[1]" style="background-color: #0000FF;" > 123123123 </div> <script type="text/javascript"> $('[name=roletype\[1\]]').css('background-color','yellow') </script> </body>
    欢迎对it热情的同学,加qq进行技术讨论; QQ:850922253
  • 相关阅读:
    Nginx.conf 配置文件详细说明
    CentOs中iptables配置允许mysql远程访问
    CentOS 6.4下编译安装MySQL 5.6.14
    CentOS6.4下Mysql数据库的安装与配置
    让nginx支持.htaccess文件实现伪静态的方法!
    MySQL导入.sql文件及常用命令
    PHP里10个鲜为人知但却非常有用的函数
    Nginx配置文件详细说明
    linux 开机启动nginx
    Redhat系列使用ISO或者光盘制作yum本地安装源
  • 原文地址:https://www.cnblogs.com/zhangwensi/p/11370787.html
Copyright © 2011-2022 走看看