文本浏览器

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>


运行结果






评论加载中...

+ 参与讨论