jsp中如何点击按钮才让页面上加载图像

1、打开我们的编辑器，新建一个HTML文件，并且编写基本的框架。

2、<button class="button">点击加载图片</button><img src="" alt="这个区域是图片">编写一个按钮，并且用img标签，但是不要指定图片的路径。

3、<link rel="stylesheet" type="text/css" href="index.css">现在我们创建一个CSS文件，并且进行关联。

4、.photo { background: url("smiling.png") no-repeat; width: 500px; height: 500px;}在CSS里面设置这个样式可以调用图片，等下可以使用。

5、<script src="index.js"></script>创建一个js文件，并且进行关联。

6、let button = 蟠校盯昂document.getElementsByClassName("button")[0];let photo = document.getElementsByTagName("img")[0];button.addEventListener("click", function(){ photo.className = "photo";}, false)在js文件里面编写代码，点击按钮就可以生成图片了。