原生js 操作

1,数组操作：

/*
var arr1 = new Array(1,2,3,"您好");
var arr = [1,2,3]
arr.length  返回的是长度属性
arr.push('1')  向数组尾部增加一个值
arr.pop()   去除数组的尾部数字
arr.reverse()  数据翻转
arr.indexOf(1)  1 数据所在的位置！ 如果找不到就会返回-1
arr.splice(0,2,'sss');  表示0为开始，2位结束(不包括2) ，都要替换为sss  
                返回的并不是数组匹配到返回，需要变量保存！
*/

2,字符串方法

/*
str1 = 18.90
parseInt(str1)  将字符串转换成int 类型！ 舍去小数部分！
alert(str1 - 0)  会将字符串转为 int 类型！
var data = '2018-0-0 ';
var  arr = data.split('-') 经字符串转换成数组的形式！
data.indexOf('-')  寻找有没这个数值，并且返回下标，没有直接返回-1
alert(data.substr(1,6))  寻找1-6 的值
var a = '1234567890'
alert(a.split('').reverse().join(''))  字符串翻转的方法
*/

3,调试工具的一种方法

/*
console.log('')
for( var i =0 ;i<100;i++){
    console.log(i)
    }  在控制台调试工具！
*/

4,函数: 函数是有着作用域的,定时函数

/*定时函数:
//多个定时器 3秒之后执行
inte = setInterval(function () {
        alert('开启多个定时器！')
    },3000)
clearInterval(inte);  //关闭多个定时器

//单个定时器 3秒之后执行
inte = setTimeout(function () {
    a   lert('开启多个定时器！')
    }，3000)
clearTimeout(sett);/关闭单个个定时器
*/

5,js 点击事件,点击事件不一定非得按钮才能发生。

/*    obu.onclick =function(){
        op.innerHTML="iuwdhiuqw"
    }

obu.onclick = ob;  //点击事件相当于调用了函数！
function ob(){
    op.innerHTML="iuwdhiuqw"
}*/

6,引用js 的三种

/*
    1),内嵌式：在html代码最后写js 代码<scripy> 这里写js 代码<scripy>
    <input type="button" value="按钮" onclick="alert('hello world!')">
    2),外链式:在文件开头写引用形式
    <script type="text/javascript" src="myjs.js" ></script>-->
    3).window.onload=function (ev) {
        alert("hello world!")
        }  代码放置函数里面。
*/

7,js 的五种数据类型

/*
    1),数值类型
        var num = 10
    2),字符串类型
    var str = 'abc'
    alter(10+10+10+str)     返回的结果为 30abc  是string 类型
    3),布尔值
    var bu= true;
    4),undefined 类型 (只是变量没有定义的时候)
    var a;
    alert(a)
    5), null 空类型
    var a =null;
    alert(a)
*/

8,逻辑运算，与直接控制标签属性

/*
js 的逻辑运算符:
    && 两边都 成立时候返回true || 两边有一个成立，返回ture

js 控制html 属性 直接 odiv.innerHTML='这是js控制的！'
js 控制 css 属性,直接  odiv.style.height='300px';
*/

9,其他

/*
   1),浏览器有着渲染的功能！只需要我们能够提供相同的代码给浏览器，就会可执行！

    2),可以通过odiv.style 的形式增加css属性！
            但是html之上(不是css)如果没有 width 属性！不可以增加width 属性！
             (可以增加className 属性来增加width)
    3),函数的预解析指的是可以在函数没有定以前调用函数！  
*/