第六周周记

最新推荐文章于 2023-03-26 16:06:43 发布

Michael681

最新推荐文章于 2023-03-26 16:06:43 发布

阅读量50

点赞数

本文链接：https://blog.csdn.net/Michael681/article/details/117263681

版权

第六周周记

一、JavaScript对象
二、JavaScript 函数
三、JavaScript 事件

本周学习了JavaScript的基本内容

一、JavaScript对象

1、对象定义

JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值
在 JavaScript中，几乎所有的事物都是对象。可以使用字符来定义和创建 JavaScript 对象

2、对象属性

——JavaScript 对象是变量的容器

两种写法
person.lastName;
person[“lastName”];

3、对象方法

对象的方法定义了一个函数，并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。

二、JavaScript 函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

1、函数语法

function functionname()
{
    // 执行代码
}

注意！
JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

2、函数参数

（1）可以发送任意多的参数，由逗号 (,) 分隔—myFunction(argument1,argument2)
（2）把参数作为变量来声明function myFunction(var1,var2)
（3）变量和参数必须以一致的顺序出现。

3、带有返回值的函数

<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(a,b){
	return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

</body>

在这里插入图片描述

三、JavaScript 事件

HTML 事件是发生在 HTML 元素上的事情。当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件。

以下是HTML事件：

HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击

<body>

<button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>
<p id="demo"></p>

</body>

在这里插入图片描述

<body>

<button onclick="this.innerHTML=Date()">现在的时间是?</button>

</body>

也可以用fuction实现
下面是一些常见的HTML事件的列表:

onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载