js学习的一点简单笔记

# 三种方式

# 输出语句

    window.alert("Hello JS"); //弹出框

    document.write("Hello JS"); //写入HTML页面

    console.log("Hello JS"); //浏览器控制台

# 变量

    var 定义全局变量，可以重复声明

    let 定于局部变量，不允许重复

    const 常量，一旦声明不能改变值

# 数据类型 typeof（）

number （... NaN

string

boolean

null

undefined

# 运算符

算数

赋值

比较

     ==若类型不一样先转换类型再比较  ===直接返回

逻辑

三元条件表达式

# 类型转换

字符串转换为数字 parseInt("12")遇到字符就不转换

将其他类型转换为布尔

0，NaN ，空字符串，Null，undefined都是false

其他都是true（包括空格

# 流程控制语句

if

for

switch

...(类似其他语言)

# 函数

不需要指定方法返回值和参数类型

1.function 函数名 (参数1，参数2){

}

函数调用 函数名(参数1)

2.var 函数名=function(a,b)

# 对象

## array

    var 变量名=new array(元素列表)

    var 变量名=[1,2,3,4]   java中是{}

    长度可变，存放数据类型可变  java中长度不可变

    arr.length 获取元素个数

    arr.forEach(function(e){...}) 遍历数组中每个有值的元素，并调用一次传入的函数

    箭头函数 (..) => {...}

        arr.forEach((e)=>{...})

    arr.push(1，2，3)将新元素添加到数组的末尾，并返回新的长度

    arr.splice(要删除的元素索引)从数组中删除元素

## string

    var str = new string()

    var str =""

    length

    charAt(3) 返回指定位置(3)的字符

    indexOf("lo") 检索字符串所在位置

    trim() 去除字符串两端，生成新的字符串

    substring(start,end) 截取字符串含头不含尾 'hello world' (0,5)

## json

    自定义对象

    属性名:值

     

    // var user = {

    //     name: "Tom",

    //     age: 10,

    //     gender: "male",

    //     // eat: function(){

    //     //     alert("用膳~");

    //     // }

    //     eat(){   简化的格式

    //         alert("用膳~");

    //     }

    // }

    // alert(user.name);

    // user.eat();

    json本身是文本,作为数据载体

    var 变量名={

        "key1":value1,

        "key2":value2

    }

      key一定要用双引号括起来，value可以为任意数据类型

    将json字符串转换为json对象

    var jsObject=JSON.parse(userStr)

    将json对象转换为字符串

    var jsonStr=JSON.string(jsObject)

 

## BOM浏览器对象

    window

    属性 history

         location

         

    window.alert() 警告框

           confirm() 显示一段消息和确认true取消false按钮

            var flag=confirm()  

           setInterval() 定时器

            setInterval(function(){

                i++;

                console

            },2000)  每两秒执行一次函数

           setTimeout() 只在指定时间后执行一次

   

            location

                location.属性

                location.href() 获取地址栏的url

                location.href="" 设置地址栏的url，并跳转

## DOM文档对象

    core 标准对象：

        document 整个文档对象

        element 元素，每个标签

        attribute 属性对象

        text 文本对象

        comment 注释对象

    XML DOM-XML

    HTML DOM-HTML

     image

     button

# 事件

## 事件绑定

<!-- 方式一：通过html标签中的事件属性绑定 -->

    <input type="button" οnclick="on()" value="按钮1">

    <script>

        function on(){

            alert("按钮一被点击了");

        }

    </script>

<!-- 方式二：通过dom元素属性进行绑定 -->

    <input type="button" id="btn2" value="按钮2">

    <script>

        document.getElementById("btn2").οnclick=function(){

            alert("按纽二被点击了");

        }

    </script>

## 常见事件

onclick

onblur 失去焦点

onfocus 获得焦点

onload 摸个页面或图像被完成加载，触发事件

onsubmit 当表单被提交

onkeydown 某个键盘的键被按下

onmouseover 鼠标被移到某元素之上

onmouseout 从某元素移开