1 事件触发、调用js函数
onclick是点击触发事件
在function里会有js代码,这里改变的是文本,其他html元素也可以改变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
function f() { //脚本函数
x = document.getElementById('show_time') //根据id查找内容
x.innerHTML=Date(); //改变显示内容
}
</script>
</head>
<body>
<div>
<p id="show_time">原内容</p>
<button type="button" οnclick="f()">显示日期</button>
{# 一个按钮,点击触发onclick事件,调用脚本函数#}
</div>
</body>
</html>
2 对象
person是一个类,firstname和lastname是它的属性,而fullname是方法。
在showname函数中,调用了person.fullname()这个方法。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function()
{
return this.firstName + " " + this.lastName;
}
};
function showName() {
document.getElementById('myName').innerHTML = person.fullName()
}
</script>
</head>
<body>
<div>
<p id="myName"></p>
<button type="button" οnclick="showName()">show name</button>
</div>
</body>
</html>