課程
/前端開發(fā)
/JavaScript
/JavaScript入門篇
為什么我運行后每個按鍵都沒反應????
2017-10-26
源自:JavaScript入門篇 4-1
正在回答
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>Document</title>
? <style>
? #con{ width:400px; height:400px; background-color:#f00; color:#000;}
? </style> ?
</head>
<body>
<div id="con">
一起學習,Come On baby!
</div>
? <form>
? <!--當點擊相應按鈕,執(zhí)行相應操作,為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" onclick="chcolor()" > ?
? ? <input type="button" value="改變寬高" onclick="chth()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hidetext()">
? ? <input type="button" value="顯示內(nèi)容" onclick="showtext()">
? ? <input type="button" value="取消設置" onclick="chtext()">
? </form>
? <script type="text/javascript">
var mychar=document.getElementById("con");
//定義"改變顏色"的函數(shù)
?function chcolor(){
? ? mychar.style.color="red";
? ? mychar.style.backgroundColor="#ccc";
}?
//定義"改變寬高"的函數(shù)
function chth(){
? ? ?mychar.style.width="300px";
? ? ?mychar.style.height="200px";
}
//定義"隱藏內(nèi)容"的函數(shù)
function hidetext(){
? ? ?mychar.style.display="none";
//定義"顯示內(nèi)容"的函數(shù)
function showtext(){
? ? ?mychar.style.display="block"; ?//mychar上面已經(jīng)聲明過了,不用再寫var
//定義"取消設置"的函數(shù)
function chtext(){
? ?var mychar5=confirm("是否取消設置?");//confirm寫錯了,還有;用英文
? ?
? ? if(mychar5==true){
? ? ? mychar.style.width="400px";
? ? ?mychar.style.height="400px";
mychar.style.color="#000";
? ? mychar.style.backgroundColor="#f00";
? ? ? ?}//閉合的括號寫錯位置了
? else{
? ? ? ? ?alert("設置取消失??!");
? ? ? ?};
? ? ? ?
? ? }
? </script>
</body>
</html>
里面出來點小錯誤,你看看,試一下我這個,應該是你要的效果
慕粉3125926 提問者
?<form> ??<!--當點擊相應按鈕,執(zhí)行相應操作,為按鈕添加相應事件--> ????<input?type="button"?value="改變顏色"?onclick?=?"changeColor()"?>?? ????<input?type="button"?value="改變寬高"?onclick?=?"changeSize()"> ????<input?type="button"?value="隱藏內(nèi)容"?onclick?=??????"hide()"> ????<input?type="button"?value="顯示內(nèi)容"?onclick?=??"show()"> ????<input?type="button"?value="取消設置"?onclick?="reduction()"> ??</form> ??<script?type="text/javascript"> //定義"改變顏色"的函數(shù) ??var?mychar?=?document.getElementById("txt"); ??function?changeColor(){ ??????mychar.style.color?=?"red"; ??} //定義"改變寬高"的函數(shù) ??function?changeSize(){ ??????mychar.style.width?=?"500px"; ??????mychar.style.heigth?=?"300px"; ??} //定義"隱藏內(nèi)容"的函數(shù) ??function?hide(){ ??????mychar.style.display="none"; ??} //定義"顯示內(nèi)容"的函數(shù) ??function?show(){ ??????mychar.style.display="block"; ??} //定義"取消設置"的函數(shù) ??function?reduction(){ ??????var?re?=?confirm("是否取消設置?"); ??????if(re==true){ ???????var?p2?=?document.getElementById("txt"); ???????????p2.style=""; ??????????? ??????}else{ ??????????alert("aabb"); ??????} ??} ??</script> ?? ??你的var?mychar?在第一行已經(jīng)定義了?下面就不需要每個都在寫一邊?var?了
var mychar=document.getElementById("con");?? 中document.getElementById("con");的 (“ con”)更改為 (“txt”) 打代碼不易 忘采納
?</div>
? ? var mychar.style.width="300px";
? ? var mychar.style.height="200px";
? ? var mychar.style.display="none";
? ? var mychar.style.display="block";
? ? var mychar5=confrim("是否取消設置?");
? ? if(mycgar5==true){
? ? ? ?mychar.style="";
? ? ? ?alert("設置取消成功!");
? ? ? ?else{
? ? ? ?}
你把代碼放出來啊
舉報
JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門
3 回答求解求解求解
7 回答求解求解求解
3 回答小白求解,求解
6 回答求解?。。。。。。。。。。。。。。。。。。?/p>
4 回答求解。。。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2017-10-27
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title>Document</title>
? <style>
? #con{ width:400px; height:400px; background-color:#f00; color:#000;}
? </style> ?
</head>
<body>
<div id="con">
一起學習,Come On baby!
</div>
? <form>
? <!--當點擊相應按鈕,執(zhí)行相應操作,為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" onclick="chcolor()" > ?
? ? <input type="button" value="改變寬高" onclick="chth()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hidetext()">
? ? <input type="button" value="顯示內(nèi)容" onclick="showtext()">
? ? <input type="button" value="取消設置" onclick="chtext()">
? </form>
? <script type="text/javascript">
var mychar=document.getElementById("con");
//定義"改變顏色"的函數(shù)
?function chcolor(){
? ? mychar.style.color="red";
? ? mychar.style.backgroundColor="#ccc";
}?
//定義"改變寬高"的函數(shù)
function chth(){
? ? ?mychar.style.width="300px";
? ? ?mychar.style.height="200px";
}
//定義"隱藏內(nèi)容"的函數(shù)
function hidetext(){
? ? ?mychar.style.display="none";
}
//定義"顯示內(nèi)容"的函數(shù)
function showtext(){
? ? ?mychar.style.display="block"; ?//mychar上面已經(jīng)聲明過了,不用再寫var
}
//定義"取消設置"的函數(shù)
function chtext(){
? ?var mychar5=confirm("是否取消設置?");//confirm寫錯了,還有;用英文
? ?
? ? if(mychar5==true){
? ? ? mychar.style.width="400px";
? ? ?mychar.style.height="400px";
mychar.style.color="#000";
? ? mychar.style.backgroundColor="#f00";
? ? ? ?}//閉合的括號寫錯位置了
? else{
? ? ? ? ?alert("設置取消失??!");
? ? ? ?};
? ? ? ?
? ? }
? </script>
</body>
</html>
里面出來點小錯誤,你看看,試一下我這個,應該是你要的效果
2017-10-27
2017-10-27
var mychar=document.getElementById("con");?? 中document.getElementById("con");的
(“ con”)更改為
(“txt”)
打代碼不易
忘采納
2017-10-27
?</div>
? <form>
? <!--當點擊相應按鈕,執(zhí)行相應操作,為按鈕添加相應事件-->
? ? <input type="button" value="改變顏色" onclick="chcolor()" > ?
? ? <input type="button" value="改變寬高" onclick="chth()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hidetext()">
? ? <input type="button" value="顯示內(nèi)容" onclick="showtext()">
? ? <input type="button" value="取消設置" onclick="chtext()">
? </form>
? <script type="text/javascript">
var mychar=document.getElementById("con");
//定義"改變顏色"的函數(shù)
?function chcolor(){
? ? mychar.style.color="red";
? ? mychar.style.backgroundColor="#ccc";
}?
//定義"改變寬高"的函數(shù)
function chth(){
? ? var mychar.style.width="300px";
? ? var mychar.style.height="200px";
}
//定義"隱藏內(nèi)容"的函數(shù)
function hidetext(){
? ? var mychar.style.display="none";
}
//定義"顯示內(nèi)容"的函數(shù)
function showtext(){
? ? var mychar.style.display="block";
}
//定義"取消設置"的函數(shù)
function chtext(){
? ? var mychar5=confrim("是否取消設置?");
? ? if(mycgar5==true){
? ? ? ?mychar.style="";
? ? ? ?alert("設置取消成功!");
? ? ? ?else{
? ? ? ? ?alert("設置取消失??!");
? ? ? ?}
? ? ? ?
? ? }
}
? </script>
2017-10-26
你把代碼放出來啊