不好意思大家,断更了。。最近比较忙还望理解哈哈。
OK话不多说今天讲解一下javascript的函数和事件,通常我们需要在某个事件发生时执行代码,比如当用户点击按钮时。
如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。
OK直接撸代码。新建一个HTML文件(新来的同学可以看下上一篇)。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<span id="test">和夏天一起学JS 第二天</span>
<button type="button" onclick="test()">点我</button>
<script type="text/javascript">
function test(){
document.getElementById("test").innerHTML="哈哈哈" ;
}
</script>
</body>
</html>
直接运行,显示
点击点我那个按钮,然后变成这样
OK这就是一个简单地函数,好了我们现在来讲解一下代码。
<span id="test">和夏天一起学JS 第二天</span>
<button type="button" onclick="test()">点我</button>
第一句是一个span语句,给了一个ID,方便调用,第二个是一个button按钮,里面绑定了一个事件(函数)名。test()。oncilk的意思就是点击这个按钮之后会触发这个事件。
然后我们来看script里面的代码。
function test(){
document.getElementById("test").innerHTML="哈哈哈" ;
}
function 是一种语法吧算是,然后我们看test()方法里面的内容,代码很长我们拆开来看,
document.getElementById("test")
document上一篇我们讲过是页面的对象,getElementById是根据id获取某个对象,之前我们给span标签一个id test,现在我们就用到了,通过这句话我们获得了这个span对象。
innerHTML="哈哈哈"
innerHTML是给这个对象添加内容。
OK今天讲了函数的使用,大家可以多尝试一下,最好可以多写几遍代码!