提示

🎉 : JSON是通过JavaScript对象标记法书写的文本，多用于数据载体进行交互

基础语法

定义

var 变量名 = '{"key : value,...}';

• value的数据类型有：数字、字符串、逻辑值、数组、对象、null

数据转换

• JSON字符串转为JS对象  var jsObject = JSON.parse(Str);
• JS对象转为JSON字符串  var Str = JSON.stringify(jsObject);

BOM

提示

  浏览器对象模型，允许js与浏览器对话,将浏览器的各个组成部分封装为对象

• Window： 浏览器窗口对象
• Navigator：浏览器对象
• Scree： 屏幕对象
• History： 历史记录对象
• Location： 地址栏对象 (属性：href)

DOM

提示

  文档对象模型，将标记语言的各个组成部分封装为对应的对象，实现对HTML的操作

对象类型

• Document: 整个文档对象(通过Window对象获取)
• Element: 元素对象(通过Document对象获取)
• Attribute: 属性对象
• Text:文本对象
• Comment: 注释对象

获取Element对象

• id属性，返回单个对象
• 标签名称，返回对象数组
• name属性，返回对象数组
• class属性，返回对象数组

事件监听

①通过HTML标签中的事件属性进行绑定

<input type="button" onlick="on()" value="">
<script>
    function on(){
        alert('我被点击了');
    }
</script>

②通过DOM元素属性绑定

<input type="button" id="btn" value="">
<script>
    document.geElementById('btn').onclick=function(){
        alert('我被点击了');
    }
</script>