課程
/前端開發(fā)
/JavaScript
/JavaScript入門篇
這里面需要練習(xí)的代碼為什么我一個(gè)也實(shí)現(xiàn)不出來
2016-08-07
源自:JavaScript入門篇 4-1
正在回答
應(yīng)該是你的某一個(gè)地方寫錯(cuò)了,看看JS里是不是的符號(hào)有沒有錯(cuò),或者input里的onclick有沒有寫錯(cuò),函數(shù)后面有沒有把括號(hào)帶上等,應(yīng)該是一些小錯(cuò)誤造成的,如果全選復(fù)制別人的應(yīng)該是可以的。下面這個(gè)是我寫的
<!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)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>??????? <p>1. JavaScript入門篇,讓不懂JS的你,快速了解JS。</p>??????? <p>2. JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(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" value="改變顏色" onClick="chanColor()" >? ??? <input type="button" value="改變寬高" onClick="chanWidth()" >??? <input type="button" value="隱藏內(nèi)容" onClick="chanNone()" >??? <input type="button" value="顯示內(nèi)容" onClick="chanBlock()">??? <input type="button" value="取消設(shè)置" onClick="chanQx()" >? </form>? <script type="text/javascript">??????? //定義"改變顏色"的函數(shù)??????? ??????? var txt = document.getElementById("txt");??????? ??????? function chanColor(){??????????? txt.style.color="blue";??????????? txt.style.backgroundColor="#ccc";? ??????? };??????? ??????? //定義"改變寬高"的函數(shù)??????? function chanWidth(){??????????? txt.style.width="200"+"px";??????????? txt.style.height="400"+"px";????????????????? };??????? ??????? //定義"隱藏內(nèi)容"的函數(shù)??????? function chanNone(){??????????? txt.style.display="none";????????????????????? };??????? ??????? //定義"顯示內(nèi)容"的函數(shù)??????? function chanBlock(){??????????? txt.style.display="block";??????????????????????? };??????? ??????? //定義"取消設(shè)置"的函數(shù)"??????? function chanQx(){??????????? var mychose = confirm("確定要取消所有設(shè)置嗎?");??????????? if(mychose==true){?????????????? txt.removeAttribute("style");??????????? }??????? }? </script></body></html>
<!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;
}
/*#con{
? ? color:black;
? ? background:white;
? ? }*/
#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 id="txt2">JavaScript為網(wǎng)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>
? ? ? ? <p>1. JavaScript入門篇,讓不懂JS的你,快速了解JS。</p>
? ? ? ? <p>2. JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(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" value="改變顏色" onclick="changecolor()"> ?
? ? <input type="button" value="改變寬高" onclick="changewidth()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hidetxt()">
? ? <input type="button" value="顯示內(nèi)容" onclick="showtxt()">
? ? <input type="button" value="取消設(shè)置" onclick="res()">
? </form>
? <script type="text/javascript">
function changecolor()
{
? ? var str1=document.getElementById("con");
? ? str1.style.color="red";
? ? str1.style.background="blue";
}//定義"改變顏色"的函數(shù)
function changewidth()
? ? var str2=document.getElementById("txt");
? ? str2.style.width="400px";
? ? str2.style.height="300px";
? ??
}//定義"改變寬高"的函數(shù)
function hidetxt()
? ? var str3=document.getElementById("txt2");
? ? str3.style.display="none";
}//定義"隱藏內(nèi)容"的函數(shù)
function showtxt()
? ? var str4=document.getElementById("txt2");
? ? str4.style.display="block";
}//定義"顯示內(nèi)容"的函數(shù)
function res()
? ? var str5=confirm("取消設(shè)置么?");
? ? if (str5=true)
? ? {
? ? ? ? txt2.removeAttribute("style");
? ? ? ? txt.removeAttribute("style");
? ? ? ? con.removeAttribute("style");
? ? }
? ? else
? ? ? ? alert("再見!");
//定義"取消設(shè)置"的函數(shù)
? </script>
</body>
</html>
我點(diǎn)取消也會(huì)重置設(shè)置 跟點(diǎn)確定是一樣的
這個(gè)問題模棱兩可的,沒法幫。Show Ur code
你最好把你的代碼粘貼出來,這樣大家方便幫你看看
是不是你沒在input加onclick啊。
不會(huì)吧?。?br />
舉報(bào)
JavaScript做為一名Web工程師的必備技術(shù),本教程讓您快速入門
1 回答代碼和別人都一樣,為什么效果一點(diǎn)都出不來呀?。。?!!!!!!!!
5 回答為什么我的效果出不來?
1 回答為什么效果都出來
2 回答我用的prompt為什么出不來效果?
3 回答為什么我這個(gè)出不來效果?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-08-10
應(yīng)該是你的某一個(gè)地方寫錯(cuò)了,看看JS里是不是的符號(hào)有沒有錯(cuò),或者input里的onclick有沒有寫錯(cuò),函數(shù)后面有沒有把括號(hào)帶上等,應(yīng)該是一些小錯(cuò)誤造成的,如果全選復(fù)制別人的應(yīng)該是可以的。下面這個(gè)是我寫的
<!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)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>
??????? <p>1. JavaScript入門篇,讓不懂JS的你,快速了解JS。</p>
??????? <p>2. JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(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" value="改變顏色" onClick="chanColor()" >?
??? <input type="button" value="改變寬高" onClick="chanWidth()" >
??? <input type="button" value="隱藏內(nèi)容" onClick="chanNone()" >
??? <input type="button" value="顯示內(nèi)容" onClick="chanBlock()">
??? <input type="button" value="取消設(shè)置" onClick="chanQx()" >
? </form>
? <script type="text/javascript">
??????? //定義"改變顏色"的函數(shù)
???????
??????? var txt = document.getElementById("txt");
???????
??????? function chanColor(){
??????????? txt.style.color="blue";
??????????? txt.style.backgroundColor="#ccc";?
??????? };
???????
??????? //定義"改變寬高"的函數(shù)
??????? function chanWidth(){
??????????? txt.style.width="200"+"px";
??????????? txt.style.height="400"+"px";??????????
??????? };
???????
??????? //定義"隱藏內(nèi)容"的函數(shù)
??????? function chanNone(){
??????????? txt.style.display="none";??????????????
??????? };
???????
??????? //定義"顯示內(nèi)容"的函數(shù)
??????? function chanBlock(){
??????????? txt.style.display="block";????????????????
??????? };
???????
??????? //定義"取消設(shè)置"的函數(shù)"
??????? function chanQx(){
??????????? var mychose = confirm("確定要取消所有設(shè)置嗎?");
??????????? if(mychose==true){
?????????????? txt.removeAttribute("style");
??????????? }
??????? }
? </script>
</body>
</html>
2016-08-09
<!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;
}
/*#con{
? ? color:black;
? ? background:white;
? ? }*/
#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 id="txt2">JavaScript為網(wǎng)頁添加動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互的功能。</h5>
? ? ? ? <p>1. JavaScript入門篇,讓不懂JS的你,快速了解JS。</p>
? ? ? ? <p>2. JavaScript進(jìn)階篇,讓你掌握J(rèn)S的基礎(chǔ)語法、函數(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" value="改變顏色" onclick="changecolor()"> ?
? ? <input type="button" value="改變寬高" onclick="changewidth()">
? ? <input type="button" value="隱藏內(nèi)容" onclick="hidetxt()">
? ? <input type="button" value="顯示內(nèi)容" onclick="showtxt()">
? ? <input type="button" value="取消設(shè)置" onclick="res()">
? </form>
? <script type="text/javascript">
function changecolor()
{
? ? var str1=document.getElementById("con");
? ? str1.style.color="red";
? ? str1.style.background="blue";
}//定義"改變顏色"的函數(shù)
function changewidth()
{
? ? var str2=document.getElementById("txt");
? ? str2.style.width="400px";
? ? str2.style.height="300px";
? ??
}//定義"改變寬高"的函數(shù)
function hidetxt()
{
? ? var str3=document.getElementById("txt2");
? ? str3.style.display="none";
? ??
}//定義"隱藏內(nèi)容"的函數(shù)
function showtxt()
{
? ? var str4=document.getElementById("txt2");
? ? str4.style.display="block";
? ??
}//定義"顯示內(nèi)容"的函數(shù)
function res()
{
? ? var str5=confirm("取消設(shè)置么?");
? ? if (str5=true)
? ? {
? ? ? ? txt2.removeAttribute("style");
? ? ? ? txt.removeAttribute("style");
? ? ? ? con.removeAttribute("style");
? ? }
? ? else
? ? {
? ? ? ? alert("再見!");
? ? }
}
//定義"取消設(shè)置"的函數(shù)
? </script>
</body>
</html>
我點(diǎn)取消也會(huì)重置設(shè)置 跟點(diǎn)確定是一樣的
2016-08-08
這個(gè)問題模棱兩可的,沒法幫。Show Ur code
2016-08-07
你最好把你的代碼粘貼出來,這樣大家方便幫你看看
2016-08-07
是不是你沒在input加onclick啊。
2016-08-07
不會(huì)吧?。?br />