<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>綜合訓(xùn)練</title>
<style?type="text/css">
body{font-size:14px;}
#txt{
????height:400px;
????width:600px;
border:#333?solid?1px;
padding:5px;}
p{
line-height:18px;
text-indent:2em;}
</style>
</head>
<body>
<p></p>
<h2?id="con2">JavaScript課程</H2>
??<div?id="txt">?
?????<h5>JavaScript為網(wǎng)頁(yè)添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>
????????<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>
????????<p>2.?JavaScript進(jìn)階篇，讓你掌握J(rèn)S的基礎(chǔ)語(yǔ)法、函數(shù)、數(shù)組、事件、內(nèi)置對(duì)象、BOM瀏覽器、DOM操作。</p>
????????<p>3.?學(xué)完以上兩門基礎(chǔ)課后，在深入學(xué)習(xí)JavaScript的變量作用域、事件、對(duì)象、運(yùn)動(dòng)、cookie、正則表達(dá)式、ajax等課程。</p>
??</div>
??<form>
??<!--當(dāng)點(diǎn)擊相應(yīng)按鈕，執(zhí)行相應(yīng)操作，為按鈕添加相應(yīng)事件-->
????<input?type="button"?onClick="modify1()"??value="改變顏色"?>??
????<input?type="button"?onClick="modify2()"??value="改變寬高"?>
????<input?type="button"?onClick="hidetext()"?value="隱藏內(nèi)容"?>
????<input?type="button"?onClick="showtext()"?value="顯示內(nèi)容"?>
????<input?type="button"?onClick="cancel()"???value="取消設(shè)置"?>
??</form>
??
??<script?type="text/javascript">
???var?mychar=?document.getElementById("txt");
//定義"改變顏色、改變寬高"的函數(shù)
function?modify1()
{?
???mychar.style.color="red";
???mychar.style.backgroundColor?="#CCC";
}
function?modify2()
{
????mychar.style.width="1000px";
????mychar.style.height="150px";
}
//定義"隱藏內(nèi)容、顯示內(nèi)容"的函數(shù)
function?hidetext()??
{??
????mychar.style.display="none";???//隱藏
}??
function?showtext()??
{??
????mychar.style.display="block";???//顯示
}
//定義"取消設(shè)置"的函數(shù)
function?cancel()
{
????var?message?=?confirm("確定取消所有設(shè)置嗎？");
????if(message==true)
{
mychar.removeAttribute("style");??<!--刪除指定的屬性-->
????}
else
????{
????????document.write("重置失敗!");
????}
}
</script>???
</body>
</html>
為什么我的取消按鈕沒(méi)有效果，看了好久也看不出啥來(lái)，請(qǐng)大神指點(diǎn)
慕粉3537760
2016-06-23 09:41:36
