<form>
<input type="button" value="改变颜色" onclick="changeColor()">
<input type="button" value="改变宽高" onclick="changeHeight()">
<input type="button" value="隐藏内容" onclick="hide()" >
<input type="button" value="显示内容" onclick="show()" >
<input type="button" value="取消设置" onclick="reset()" >
</form>
<script type="text/javascript">
var title = document.getElementById("con")
var txt = document.getElementById("txt")
function changeColor(){
title.style = "color:red;";
}
function changeHeight(){
txt.style = "height: 300px; width: 400px;"
}
function hide(){
title.style = "display: none;"
}
function show(){
title.style = "display: block;"
}
function reset(){
var res = window.confirm("是否重置样式");
if(res){
title.style = ""
txt.style = ("style", "")
}
}
</script>
这样写真的能取消设置吗?
if (res) 好评
后面加()这是调用,你定义方法之后不加()就是没有调用,还有就是你有个很不好的习惯,就是没有注释;不要小看这个习惯;正式工作之后一个页面可能有30多个方法;没有注释你很难定位问题的。