文本浏览器
文章号 : 18 | 阅读量 : 64+1 | AAW值(?) : 0.00 (仅供参考)
JSP点击按钮修改网页内容
发布者 : 管理员-Adler | 发布时间 : 2019-01-14 18:16:10文章号 : 18 | 阅读量 : 64+1 | AAW值(?) : 0.00 (仅供参考)
1.图片文件(存放在/images下)
switch.png
switch-2.png
index.jsp
</script>
<img id="switch1"onclick="changeSwitch()" src="images/switch-2.png"width="64"height="64">
<script>
var i = 0;
function changeSwitch() {
element = document.getElementById("switch1");
if (i == 0) {
element.src="images/switch.png";
i = 1;
document.getElementById("1").innerHTML="<h2>按钮状态: 开启(Opening)</h2>";
} else {
element.src="images/switch-2.png";
i = 0;
document.getElementById("1").innerHTML="<h2>按钮状态: 关闭(Closing)</h2>";
}
}
</script>
<div id="1">
<h2>按钮状态: 关闭(Closing)</h2>
</div>
运行结果