实现在html上点击一个按钮出现一张照片

在HTML中，实现点击按钮显示照片的功能通常会结合CSS样式、JavaScript以及可能是AJAX或Fetch API（如果涉及到异步加载）。这里是一个基本的例子：

1. 首先，在HTML中创建一个按钮和一个隐藏的图片容器：

<button id="showPhotoBtn">点击显示照片</button>
<div id="photoContainer" style="display: none;">
    <img id="photoImage" src="" alt="默认照片">
</div>

2. 使用JavaScript添加事件监听器到按钮上：

document.getElementById('showPhotoBtn').addEventListener('click', function() {
    // 点击事件触发时展示照片
    document.getElementById('photoContainer').style.display = 'block';
});

3. 当你想通过点击按钮切换实际照片时，可以在JavaScript里动态更改`<img>`标签的`src`属性，比如从服务器获取：

let photoUrl = '初始图片URL'; // 或者通过用户输入或其他途径获取

function showPhoto(url) {
    document.getElementById('photoImage').src = url;
}

// 当需要切换照片时，调用这个函数
showPhoto('新的照片URL');