您的位置: 首页  >  IT文章  >  js 记录遇到的坑

js 记录遇到的坑

分类: IT文章 • 2023-12-16 08:37:31

这里随手记录一下在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>

相关推荐