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

4-1編程挑戰(zhàn)不知道哪里錯了

<!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="set.changeColor()" >??

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

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

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

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

? </form>

? <script type="text/javascript">

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

? ?var set={

? ? changeColor:function(){

? ? ? ? txt.style.color="blue";

? ? ? ? txt.style.backgroundColor="#red";

? ? }

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

? ? changeSize:function(){

? ? ? ? txt.style.width="300px";

? ? ? ? txt.style.height="400px";

? ? }

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

? ? objHide:function(){

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

? ? }

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

? ? objShow:function(){

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

? ? }

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

? ? offSet:function(){

? ? ? ? var message=confirm("你確定要重置所有設(shè)置么？");

? ? ? ? if(message==true){

? ? ? ? txt.removeAttbute('style');? ??

? ? ? ? }

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

? ??

? ?}

? </script>

</body>

</html>

qq_慕用2129022

2019-03-11

源自：JavaScript入門篇 4-1

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

1005

操作

收起

4 回答

KingToAce
2019-03-12

你所采用對象進行定義對象函數(shù)變量，你應(yīng)該在每個函數(shù)變量末尾加上","進行分開，同時，你最后定義的“取消設(shè)置”的函數(shù)變量有一點錯誤。

<!DOCTYPE?HTML>
<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>
??<!--當點擊相應(yīng)按鈕，執(zhí)行相應(yīng)操作，為按鈕添加相應(yīng)事件-->
??<input?type="button"?value="改變顏色"?onclick="set.changeColor()"?>
??<input?type="button"?value="改變寬高"?onclick="set.changeSize()">
??<input?type="button"?value="隱藏內(nèi)容"?onclick="set.objHide()">
??<input?type="button"?value="顯示內(nèi)容"?onclick="set.objShow()">
??<input?type="button"?value="取消設(shè)置"?onclick="set.offSet()">
</form>

<script?type="text/javascript">
??var?txt=document.getElementById("txt");
??var?set=?{
????//定義"改變顏色"的函數(shù)
????changeColor:?function?()?{
??????txt.style.color?=?"blue";
??????txt.style.backgroundColor?=?"#red";
????},
????//定義"改變寬高"的函數(shù)
????changeSize:?function?()?{
??????txt.style.width?=?"300px";
??????txt.style.height?=?"400px";
????},
????//定義"隱藏內(nèi)容"的函數(shù)
????objHide:?function?()?{
??????txt.style.display?=?"none";
????},
????//定義"顯示內(nèi)容"的函數(shù)
????objShow:?function?()?{
??????txt.style.display?=?"block";
????},
????//定義"取消設(shè)置"的函數(shù)
????offSet:?function?()?{
??????var?message?=?confirm("你確定要重置所有設(shè)置么？");
??????if?(message)?{
????????txt.removeAttribute('style');
??????}
????}
??}
</script>
</body>
</html>