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文件里面编写代码，点击按钮就可以生成图片了。
