                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript入門篇

最后一節編程，為什么點了按鈕沒有反應呢，謝謝

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

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

? <div id="txt">?

? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

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

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

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

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onClick="changeColor()">??

? ? <input type="button" value="改變寬高" onClick = "changeWH()">

? ? <input type="button" value="隱藏內容" onClick = "dispN()">

? ? <input type="button" value="顯示內容" onClick = "dispD()">

? ? <input type="button" value="取消設置" onClick = "cancelAll()">

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數

? ? function changeColor(){

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

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

? ? ? ? mycon.style.backgroundColor = "blue";

? ? }

//定義"改變寬高"的函數

? ? function changeWH(){

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

? ? ? ? mycon.style.width = "800";

? ? ? ? mycon.style.height = "500";

? ? }

//定義"隱藏內容"的函數

? ? function dispN(){

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

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

? ? }

//定義"顯示內容"的函數

? ? function dispD(){

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

? ? ? ? mycon.style.display = "display";

? ? }

//定義"取消設置"的函數

? ? function cancelAll(){

? ? ? ? var cancel = confirm("確認取消所有設置？");

? ? ? ? if(cancel==true){

? ? ? ? ? ??

? ? ? ? }

? ? ? ? eles{

? ? ? ? ? ??

? ? ? ? }

? ? }

? </script>

</body>

</html>

一個文藝的IT青年

2019-08-09

源自：JavaScript入門篇 4-1

關注問題我要回答

948

操作

收起

5 回答

qq_寶慕林4595195
2019-09-04

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

? ? height:400px;

? ? width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

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

? <div id="txt">?

? ? ?<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

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

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

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

? </div>

? <form>

?

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

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

? ? <input type="button" value="隱藏內容" onclick="hide_value()">

? ? <input type="button" value="顯示內容" onclick="show_value()">

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

? </form>

? <script type="text/javascript">

? var size=1;

//定義"改變顏色"的函數

function change_color(){

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

? ? if(ob.style.color!="red")

? ? {

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

? ? ? ? ob.style.backgroundColor="#ccc";

? ? }

? ? else

? ? {

? ? ? ? ob.style.color="black";

? ? ? ? ob.style.backgroundColor="#fff";

? ? }

}

//定義"改變寬高"的函數

function change_size(){

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

? ? if(size==1)

? ? {

? ? ? ? size=2;?

? ? ? ? ob.style.width=500+"px";

? ? ? ? ob.style.height=300+"px";

? ? }

? ? else

? ? {? ?

? ? ? ? size=1;

? ? ? ? ob.style.width=600+"px";

? ? ? ? ob.style.height=400+"px";

? ? }

}

//定義"隱藏內容"的函數

function hide_value(){

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

? ? ob.style.display="none"

}

//定義"顯示內容"的函數

function show_value(){

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

? ? ob.style.display="block"

}

//定義"取消設置"的函數

function is_confirm(){

? ? var is_reset= confirm("是否重置界面？");

? ? if(is_reset==true){

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

? ? ? ? ob.style.color="black";

? ? ? ? ob.style.backgroundColor="#fff";

? ? ? ? size=1;

? ? ? ? ob.style.width=600+"px";

? ? ? ? ob.style.height=400+"px";

? ? ? ? ob.style.display="block"

? ? }

}

? </script>

</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

寶慕林4117178
2019-08-10

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

body{font-size:12px;}

#txt{

????height:400px;

????width:600px;

border:#333 solid 1px;

padding:5px;}

line-height:18px;

text-indent:2em;}

</style>

</head>

<body>

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

??<div id="txt">

?????<h5>JavaScript為網頁添加動態效果并實現與用戶交互的功能。</h5>

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

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

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

??</div>

??<form>

??

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

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

????<input type="button" value="隱藏內容" onclick="xiaoshi()">

????<input type="button" value="顯示內容" onclick="chulai()">

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

??</form>

??<script type="text/javascript">

??var biaoTi =document.getElementById("con");

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

//定義"改變顏色"的函數

function changeColor(){

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

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

}

//定義"改變寬高"的函數

function changeHight(){

????neirong.style.hight="500px";

????neirong.style.width="50px";

}

//定義"隱藏內容"的函數

function xiaoshi(){

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

}

//定義"顯示內容"的函數

function chulai(){

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

}

//定義"取消設置"的函數

function huifu(){

????var adsa=confirm();

????if (adsa==true){

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

????con.removeAttribute('style');

????}

????else ;

}

??</script>

</body>

</html>

??</script>

</body>

</html>

0 回復有任何疑惑可以回復我~

收起回答

寶慕林4117178
2019-08-10

mycon.style.display = "display";

?mycon.style.width = "800";

? ? ? ? mycon.style.height = "500";

function cancelAll(){

? ? ? ? var cancel = confirm("確認取消所有設置？");

? ? ? ? if(cancel==true){

? ? ? ? ? ??

? ? ? ? }

? ? ? ? eles{

? ? ? ? ? ??

? ? ? ? }

? ? }

這幾處都有問題

0 回復有任何疑惑可以回復我~

收起回答

寶慕林4117178
2019-08-10

沒有定義變量?mycon? ?

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

1 回復有任何疑惑可以回復我~

收起回答

寶慕林4117178
2019-08-10

onClick="changeColor()"? ? ?

onclick? ?小寫?。?！

0 回復有任何疑惑可以回復我~

收起回答

舉報

0/150

提交

取消

JavaScript入門篇

參與學習 741186 人
解答問題 9866 個

JavaScript做為一名Web工程師的必備技術，本教程讓您快速入門

進入課程

本課相似問答

1 回答想知道為什么點擊按鈕沒有反應！謝謝

1 回答求救，為啥點擊按鈕之后沒啥反應。謝謝、

5 回答javascript基礎最后一大題編程挑戰，為什么點擊按鈕之后沒有反應呢？

1 回答為什么點按鈕沒有反應呢

1 回答最后一個按鈕為什么沒反應。。。

搜索更多本課相關問答

最后一節編程，為什么點了按鈕沒有反應呢，謝謝

我要回答關注問題

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

最后一節編程，為什么點了按鈕沒有反應呢，謝謝

5 回答

本課相似問答

最后一節編程，為什么點了按鈕沒有反應呢，謝謝

最后一節編程，為什么點了按鈕沒有反應呢，謝謝

最后一節編程，為什么點了按鈕沒有反應呢，謝謝