03-javascript基础学习笔记

1. js的内置样式###

仅作为了解：按钮

2. 全选/全不选/反选###

input.checked=!input.checked

HTML代码：

全选
全不选
反选



    
你好
    
你好
    
你好
    
你好
    
你好

JS代码：

3. 九宫格###

一些关键点：

• position:absolute
• count：总列数
• 当前行数（row)=当前i除以总列数
• 当前列数（col）=当前i对总列数取余
• 再利用row和col分别计算每一个块所在的位置。

CSS代码：

HTML代码：

点击输入列数

    
第1个
    
第2个
    
第3个
    
第4个
    
第5个
    
第6个
    
第7个
    
第8个
    
第9个
    
第10个
    
第11个
    
第12个

JS代码：

4. 排他思想###

我们的主旨是：干掉所有人，包括自己，最后再让自己复活

HTML代码：

第一个
第二个
第三个
第四个
第五个

JS代码：

        //获取事件元素
    var btns = document.getElementsByTagName('button');
    //对每个按钮添加事件
    for(let i=0;i

5.JS中IE浏览器兼容###

通过类名称获取标签，有兼容性问题：IE6/7/8不支持
document.getElementsByClassName("class");

所以需要自己定义一个利用Class来获取标签的工具函数

        //定义一个利用class属性获取标签的函数—自己封装工具类，目的：兼容低版本浏览器
    function getElementsByClass_name(className){
        //检测当前环境是否可以直接使用class来获取标签，如果能，直接返回该方法
//        if(document.getElementsByClassName)return document.getElementsByClassName(className);
        //如果不能，let do it.

        //定义一个存储符合条件标签的数组
        var arr = [];
        //获取页面上所有的标签
        var doms = document.getElementsByTagName('*');

        //对页面上所有的标签进行遍历
        for(var i = 0; i

6. 字符串的切割###

var strArr = str.split("分割条件"); //分割条件一定是字符串中已有的内容，返回值为数组

7.非字符串类型转换成字符串类型###

布尔类型转换为字符串类型

var flag = false;
var rst = flag.toString();
console.log(typeof rst);

数值类型转换为字符串类型

var num = 123;
var rst = num.toString();
console.log(typeof rst);
var result = num.toString(进制);//转换成指定进制的字符串

补充："+"运算符

也可以用来连接字符

var str1 = "HELLO";
var str2 = "WORLD";
var rst = str1 + str2;
console.log(rst);
当数字类型和字符串类型相加的时候，数字类型会转换为字符串类型

数字类型转换成字符串类型最快的方式：
var num = 90;
var str = num+"";
console.log(typeof str);

8.字符串转成数值类型###

8.1 parseInt();只能转换出整数类型，当遇到0~9的整数就转换，如果是其他的那么就停止转换，并且返回当前转换完的数字

var str = "123";
var num = parseInt(str);
console.log(typeof num);

8.2 parseFlota();只有遇到第一个小数点的时候会继续转换，再有遇到其他不是0~9的数字就会退出转换，并返回当前转换完的数字

var str = "123.45abc";
var num = parseFloat(str);
console.log(num);

9.对象###

定义：具有特定功能的功能组
属性和方法

• 变量：相对属性，更加自由，在作用域内任意位置都可以使用
• 属性：隶属于对象（就是变量），想要使用，必须由对象.属性
• 方法：隶属于对象（就是函数）

自定义属性：

var arr=[12,345];
arr.length;
//自定义属性
arr.selfProp=123;
console.log(arr.selfprop);