                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

點擊取消設(shè)置沒反應(yīng)

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

p{

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

? <h2 id="con">JavaScript課程</H2>

? <div id="txt">?

? ? ?<h5>JavaScript為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學(xué)完以上兩門基礎(chǔ)課后，在深入學(xué)習(xí)JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onclick="color()">??

? ? <input type="button" value="改變寬高" onclick="sizea()">

? ? <input type="button" value="隱藏內(nèi)容" onclick="none()">

? ? <input type="button" value="顯示內(nèi)容" onclick="block()">

? ? <input type="button" value="取消設(shè)置" onclick="Satset()">

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數(shù)

? ? var mychar=document.getElementById("txt");

? ? function color()

? ? {

? ? ? ? mychar.style.color="red";

? ? ? ? mychar.style.backgroundColor="#CCC";

? ? }

//定義"改變寬高"的函數(shù)

? ? function sizea()

? ? {

? ? ? ? mychar.style.width="200px";

? ? ? ? mychar.style.height="500px";

? ? }

//定義"隱藏內(nèi)容"的函數(shù)

? ? function none()

? ? {

? ? ? ? mychar.style.display="none";

? ? }

//定義"顯示內(nèi)容"的函數(shù)

? ? function block()

? ? {

? ? ? ? mychar.style.display="block";

? ? }

//定義"取消設(shè)置"的函數(shù)

? ?function Satset()

? ?{

? ? ? ?var message=confirm("確定取消嗎?");

? ? ? ?if(mesage==true)

? ? ? ?{

? ? ? ? ? ?mychar.removeAttribute("style");

? ? ? ?}

? ?}

? </script>

</body>

</html>

qq_慕妹8208690

2019-10-24

源自：JavaScript入門篇 4-1

關(guān)注問題我要回答

1103

操作

收起

4 回答

精慕門3111066
2019-11-18

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8 " /> <title>JAVASCRIPT</title> <style type="text/css"> body{ font-size: 12px; } #txt{ height: 400px; width: 600px; border:#333 solid 1px; padding:5px; } p{ line-height: 18px; text-indent:2em; } </style> </head> <body> <h2 id="con">JavaScript課程</h2> <div id="txt"> <h5>JavaScript為網(wǎng)頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5> <p>1.JavaScript入門篇。讓不懂js的你，快速了解js。</p> <p>2.JavaScript進階篇，讓你掌握js的基礎(chǔ)語法、函數(shù)、數(shù)組、事件、內(nèi)置對象、bom瀏覽器、dom操作</p> <p>3.學(xué)完以上兩門基礎(chǔ)課后，在深入學(xué)習(xí)javascript的變量、作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p> </div> <form>  <input type="button" value="改變顏色" onclick="col()"> <input type="button" value="改變寬度" onclick="wh()"> <input type="button" value="隱藏內(nèi)容" onclick="none()"> <input type="button" value="顯示內(nèi)容" onclick="block()"> <input type="button" value="取消設(shè)置" onclick="rec()"> </form> <script type="text/javascript"> //定義"改變顏色"的函數(shù) var mychar=document.getElementById("txt"); function col(){ mychar.style.color="#0f0"; mychar.style.backgroundColor="#eee"; } //定義"改變寬高"的函數(shù) function wh(){ mychar.style.height="500px"; mychar.style.width="500px"; } //定義"隱藏內(nèi)容"的函數(shù) function none(){ mychar.style.display="none"; } //定義"顯示內(nèi)容"的函數(shù) function block(){ mychar.style.display="block"; } //定義"取消設(shè)置"的函數(shù) function rec(){ var mymessage=confirm("確定要取消么？"); if(mymessage==true){ mychar.removeAttribute("style"); }else{ return; } } </script> </body></html>