手把手教你JavaScript编程(3):JavaScript的强大功能续篇

在上次的教程里,我给大家介绍了JavaScript的三个功能,比如写入HTML文件的输出,设置按钮对事件做出反应,改变HTML内容。其实JavaScript还有非常丰富的功能,在这次的教程里,我再介绍JavaScript的三个功能。

JavaScript:改变 HTML 图像

JavaScript可以动态地改变HTML里标签的内容,从而改变HTML中的图像显示。

为什么要这么做呢?

当我们在视频网站看视频的时候,经常会用到一个功能:关灯。这个功能方便我们专心地观看视频,而不被视频框周围的广告或者其它功能所打扰。其实在点击关灯按钮的时候,我们并没有真的关灯,而是改变了HTML中的图像,从而达到了关灯的效果。

举个例子,下图里是一段通过点击灯泡来控制其亮灭的代码:

手把手教你JavaScript编程(3):JavaScript的强大功能续篇_第1张图片

在代码的区域内,我们可以规划HTML网页的内容。在这个代码里,我们先在

你可能感兴趣的:(手把手教你JavaScript编程(3):JavaScript的强大功能续篇)