【每日一记】第 4 天：js第四日

==================================函数的定义==================================

function  函数名(参数列表)  {

函数体;

}

函数分类：

1.无参数无返回值

2.无参数有返回值

3.有参数无返回值

4.有参数有返回值

定义函数的时候，参数叫做形参

调用函数的时候，传递的数据，称之为实参

匿名函数  --  没有名字的函数

var  变量  =  function  ()  {

}

注意：匿名函数必须使用变量来接收

此时变量就相当于是函数名

===================================常见事件===================================

var  =  put  =  document.getElementById("put");

获取焦点的事件：onfocus

put.onfocus  =  function () {

}

失去焦点的事件：onblur

put.onblur  =  function () {

}

键盘按下的事件：onkeydown

put.onkeydown  =  function ()  {

}

键盘按压的事件：onkeypress

put.onkeyperss  =  function  ()  {

}

键盘抬起时事件：onkeyup

put.onkeyup  =  function  ()  {

}

鼠标移入事件：onmouseover

put.onmouseover  =  function  ()  {

}

鼠标移动事件：onmounsemove

put.onmousemove  =  function  ()  {

}

鼠标移出事件：onmouseleave

put.onmunseleave  =  function  ()  {

}

双击事件：ondbclick

put.ondbclick  =  function  ()  {

}

==================================自定义对象===================================

什么是对象：万事万物皆对象. （你能看得见的摸的着的都是对象）

大飞的法拉利  --  对象

大飞的法拉利属性：轮胎，方向盘，发动机

大飞的法拉利功能：跑，刹车，放音乐，车震

属性就是一个对象与生具有的内容，功能的指的就是对象的行为。

================================DOM的简单事件================================

这种绑定函数的称之为事件绑定

<button ></button>

<script>

function  touch()  {

}

</script>

这种事件称之为事件派发，给事件关联函数

<button  id="btn"></button>

<script>

btn.onclick  =  function  ()  {

}

</script>

=====================================DOM====================================

DOM ：Document  Object  Model（文档对象模型）

如何通过document对象获取到元素

三种方式：

第一种：元素的id属性

第二种：元素的标签名

第三种：元素的class属性

第一种：元素的id属性

返回一个标签对象，HTMLElement对象

var  box  =  document.getElementById("box");

innerHTML获取标签中的内容

alert(box.innerHTML);

第二种：元素的标签名

返回的是一组，指定名称的元素对象

var  ps  =  document.getElementByTagName("p");

整个界面中只有一个p标签，此时这个ps数组中只有一个元素

alert(ps[1].innerHTML);

第三种：元素的class属性

返回的是一个数组

var  s  =  document.getElementByClassName("cls");

alert(s[0].innerText);

===============================DOM操作元素的样式==============================

元素#id名  tab按键        自动生成带有id属性元素

元素.class名  tab按键  自动生成带有class属性元素

操作样式

id名.style.属性名  =  "属性值";

id名.style.backgroundColor  =  "pick";

================================DOM改变元素内容===============================

innerText和innerHTML获取元素内容

innerText和innerHTML还可以被赋值

如果是普通文本innerText和innerHTML作用是一样的

innerHTML如果赋值时有标签，标签文本会被浏览器解析的

innerText如果赋值时有标签，标签文本不会被浏览器解析的

=================================防止加载空对象================================

onload在body内容加载完毕的时候，会触发onload事件

当script脚本放在head标签中时，会产生空对象的情况

感谢楼主分享，期待楼主分享更多实用笔记，继续坚持，领取更多成长激励！