事件处理程序中调用函数——免费HtmlDom极速入门

41 阅读1分钟

我和往常一样,一边喝早茶,一边上网和女粉丝侃大山,在手机和平板电脑上整理修改 《C++》 、 《C语言》 、 《Java》 等多年前写的教程,并研究学习各种品牌的小程序。 突然女粉丝问:“陈老师!听说你是公司里的HtmlDom大专家?”。 我答:“略懂略懂,略知1、2”。 女粉丝问:“陈老师!你知道事件处理程序中调用函数的方法吗?”。 我答:“知道!”。 女粉丝问:“可以教我吗?”。 我答:“好的!下面写个教程,你回头等我更新网文吧!”。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<head>
<script>
function chenjie(ChenJie)
{
ChenJie.innerHTML="Hello!陈老师的杰哥工作室";
}
</script>
</head>
<body>
<h1 onclick="chenjie(this)">用鼠标点击这段文本!文本会被改变</h1>
</body>
</html>

onclick="chenjie(this)"
onclick是一个鼠标事件,chenjie()是自定义函数,this指向当前环境调用它的一组数据结构。

chenjie(ChenJie)
函数chenjie()中的ChenJie是一个自定义变量,它是用来接收this反回的数据结构。

ChenJie.innerHTML="Hello!陈老师的杰哥工作室"
.innerHTML把文本元素“Hello!陈老师的杰哥工作室”写入ChenJie变量所包含的数据结构中。

杰哥学习笔记分享到这里,会不定期更新,喜欢的粉丝们请收藏、关注、点赞,我的作品。

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html