---对象
var myObject ={} /* 声明对象字面变量*/myObject点语法取值 赋值代码格式 var person = { name : "zhangsan", age : 25, say :function(){ alert("说汉语"); } }函数:有一定功能代码体的集合; 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
基础函数 function funname(){执行的代码}带有参数的函数 形参 实参 |---带有返回值的函数 return|---局部变量与全局变量 函数体内定义的变量 是局部变量
|---事件
|-----常用事件|-----给元素挂事件的方式onclick事件:点击事件ondbclick事件:双击事件onload事件:页面一开始加载的时候会先调用这个方法。此方法只能写在<body>标签之中onchange事件onblur事件和onfocus事件:onblur事件,当前元素失去焦点时触发该事件。对应的是onfocus事件:得到焦点事件onscroll事件:窗口滚动事件鼠标相关事件:onmousemove:鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域中,只要鼠标动一次就触发一次事件。onmouseout:鼠标离开某对象范围时,触发事件调用函数。onmouseover:鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域中,无论怎样移动都只触发一次函数。onmouseup:当鼠标松开时触发事件onmousedown:当鼠标按下键时触发事件js操作document对象找到我的对象var div1 = document.getElementById("first"); 通过id名找到唯一的var div2 = document.getElementsByClassName("second")[1];通过class名找到达是集合 所以要通过索引找到每一项var div3 = document.getElementsByName("inp")[0];通过name名找到达是集合 所以要通过索引找到每一项var div4 = document.getElementsByTagName("div")[0];通过标签名找到达是集合 所以要通过索引找到每一项var div5 = document.querySelector(".second");document.querySelector("#first");通过选择器的名找到第一个的var div6 = document.querySelectorAll(".second");操作操作内容表单 value非表单 innerHTML innerText操作样式style.样式名className =操作属性getattribute("属性名");setattribute("属性名","属性值");removeattribute("属性名"); 事件
按钮123全选 张店 桓台 周村点击事件补充点击