JS和Document

发布时间 2023-05-16 17:39:03作者: 宁宝儿


对象
1.new var obj = new Object();


2.函数声明对象
function Human () {};

3.var obj = {}; 大括号 就是对象
var obj = {};
obj.name = '张三' ;
obj.age = 20;
obj.say = function () {};

4.var obj = {}; 大括号内放入属性 用:

var obj = {
name:'张三',
age:20,
sex:0,
run:function () {}

}

JSON
存储和和交换信息的语法
JSON 是轻量级的文本数据交换格式
JSON 独立于语言和平台 :
JSON使用JavaScript语法来描述数据对象
JSON解析器和JSON库支持许多不同的编程语言 :
目前非常多的动态编程语言,如PHP/JSP/.NET等都支持JSON.

格式
数据类型 :
JSON数字 : {"age":20}
JSON布尔 : {"flag":true}
JSON null: {"name":null}
JSON对象 : {"name":"lisi","age":20}


JSON数组 :
{
"courses":[
{"name":"JavaSE","time":20},
{"name":"HTML","time":1},
{"name":"CSS","time":2},
{"name":"JavaScript","time":3}
]
}
转换

JS对象和json类型的对象都可以通过 JSON.stringify() 转换为字符串,

JSON.parse() 方法将 数据/文本 转换为 JavaScript 对象。


Document
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)
dom元素和node(节点)的区别
dom元素指的是页面的标签,通过任意一个dom元素的关系可以找到当前页面其他任意的一个dom元素;
node节点指的是页面的任意元素(页面的每个东西都是节点),

其中
标签 换行符 注释 空格 属性 标签内容等都可以被当做node节点

当文档/页面加载完毕后才会执行onload函数

通过class选中 而选取ID 和 标签名 都很少用
1.id选择
document.getElementById();
2.通过标签名选中
document.getElementsByTagName();
3.通过class选中
document.getElementsByClassName();
4.通过标签的name属性来获取的对象集合
document.getElementsByName() ;

 

最常用!! ie6,7,8不支持! 而且ie8不支持console.log()
注意 : getElementsByClassName()函数的返回值是一个数组


添加事件的两种方式
方式1 :通过下标获取第一个元素
方式2 : 在标签中定义事件,事件触发函数

事件的三要素
1.谁(事件对象)
2.什么事件(操作:点击?聚焦?离焦?等)
3.怎么处理(效果怎么展示)

input 获取内容使用value,option也是使用value属性来获取值
value 这个属性只有input和option两个标签有这个属性.

innerHTML属性是来给标签设定展示给用户的内容
innerHTML和innerText

把字符串内容转换number 来进行计算
num1 = parseInt(num1);
num2 = parseInt(num2);