最后“取消設置” 想要達成點擊“取消”按鈕取消當前對話框的效果如何實現(xiàn)。
求大神指導。
十年wf
2016-08-20
2 回答
舉報
0/150
提交
取消
2016-08-21
? <form>
? <!--當點擊相應按鈕，執(zhí)行相應操作，為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" onclick="changecolor()"> ?
? ? <input type="button" value="改變寬高" onclick="changewh()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hide()">
? ? <input type="button" value="顯示內(nèi)容" onclick="disp()">
? ? <input type="button" value="取消設置" onclick="canc()">
? </form>
? <script type="text/javascript">
//定義"改變顏色"的函數(shù)
function changecolor()
{
? ? var obj=document.getElementById("txt");
? ? obj.style.color="red";
? ? obj.style.background="blue";
}
//定義"改變寬高"的函數(shù)
function changewh()
{
? ? var obj=document.getElementById("txt");
? ? obj.style.width="200px";
? ? obj.style.height="600px";
}
//定義"隱藏內(nèi)容"的函數(shù)
function hide()
{
? ? var obj=document.getElementById("txt");
? ? obj.style.display="none";
}
//定義"顯示內(nèi)容"的函數(shù)
function disp()
{
? ? var obj=document.getElementById("txt");
? ? obj.style.display="block";
}
//定義"取消設置"的函數(shù)
function canc()
{
? ? var temp=confirm("是否恢復");
? ? if(temp)
? ? {
? ? ? ? var obj=document.getElementById("txt");
? ? ? ? obj.style.color="";
? ? ? ? obj.style.background="";
? ? ? ? obj.style.width="400px";
? ? ? ? obj.style.height="600px";
? ? ? ? obj.style.display="block";
? ? }
}
2016-08-20
//例如只取消顏色 function?cancel(){ ???????var?a?=?document.getElementById("txt") ???????var?sure?=?confirm("Do?you?want?to?cancel?all?changes?"); ????????if(?sure?) ????????????a.style.color?=?"";?? ????????}???? ????}