事件: 当执行某件事情|某个动作触发一段js代码的执行,触发一个函数的执行,函数js已经定义好了
分类:
鼠标事件
单击事件 onclick
双击事件 ondblclick
移入 移出
键盘事件: 键盘按下 抬起
焦点事件: 聚焦事件 失焦事件
文档事件 :window.onload 带内面内容全部加载完成之后才出发函数的执行
表单事件: 焦点事件 change 表单元素内容改变触发的时间
<title>事件</title>
<style>
div{
width: 100px;
height: 100px;
}
.box1,.box3,.box5{
background: cyan;
}
.box2,.box4{
background: pink;
}
</style>
</head>
<body>
<div class="box1">div1</div>
<div class="box2" οnmοuseοver="func_over();">div2</div>
<div class="box3" >div3</div>
<div class="box4">div4</div>
<div class="box5">div5</div>
<input type="text" id="username" name="username" οnfοcus="func_focus()" οnblur="func_blur()"><span id="info"></span>
<script>
var box1 = document.getElementsByClassName("box1")[0];
var box2 = document.getElementsByClassName("box2")[0];
var box3 = document.getElementsByClassName("box3")[0];
var box4 = document.getElementsByClassName("box4")[0];
var box5 = document.getElementsByClassName("box5")[0];
var info = document.getElementById("info");
var username = document.getElementById("username");
//为元素节点绑定事件
box1.ondblclick = function(){
console.log("12345");
}
function func_over(){
console.log("鼠标移入事件");
}
function func_focus(){
info.innerHTML = "请输入用户名,不能为null";
}
function func_blur(){
if(username.value==""){
info.innerHTML = "用户名不合法不能为null";
console.log(123);
}
}
</script>
</body>
</html>
js中的对象 {} 键值对数据的集合
键值对: key : value
两个键值对之间使用,分隔
key : 字符串,引号可以省略的,当key非标准的标识符的命名形态,需要通过""
value : 可以使js中的任意类型
json 是一种轻量级的数据交换格式。 采用完全独立于编程语言的文本格式来存储和表示数据。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。
'{键值对}' key是是字符串 ""
value : 数值型,字符串"",对象,数组,null,boolean
<title>对象</title>
</head>
<body>
<script>
/*1.字面量创建方式*/
var obj = {
name : "laopei",
age : 18,
son : [
{name:"xiaopei",age:5},
{name:"xiaoxiaopei",age:2}
],
car : null,
teach : function(){
console.log("裴校越讲越嗨,越嗨越快!!!");
}
};
console.log(obj);
//获取对象的属性值
console.log(obj.name);
//2.new Object() 创建一个空对象
var obj2 = new Object();
/*为对象添加属性*/
obj2.name='haha';
obj2.age=18;
console.log(obj2);
//3.Object.create(null) 创建一个空对象
var obj3 = Object.create(null);
console.log(obj3);
// JSON解析器 : 通过JSON解析器解析json效率较高
/*json串-->js对象*/
var json = '{"a": "Hello", "b": "World"}';
console.log(JSON.parse(json));
/*jjs对象-->son串*/
var obj4 = {name:"zhangsan",age:18,'gender':true};
console.log(JSON.stringify(obj4));
</script>