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

請(qǐng)大家?guī)臀铱匆幌挛夷睦飳戝e(cuò)了？

<!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="changecolor()">??
????<input?type="button"?value="改變寬高"?onclick="changewidth()">
????<input?type="button"?value="隱藏內(nèi)容"?onclick="hidden()">
????<input?type="button"?value="顯示內(nèi)容"?onclick="show()">
????<input?type="button"?value="取消設(shè)置"?onclick="cancel()">?
??</form>
??<script?type="text/javascript">

??
function?changecolor(){
????var?obj=getElementById("txt")?
????obj.style.color="red";
????obj.style.backgroundColor="yellow";
}//定義"改變顏色"的函數(shù)


function?changewidth(){
????var?obj=getElementById("txt")
????obj.style.width="500"
????obj.style.height="400"?
}//定義"改變寬高"的函數(shù)


function?hidden(){
????var?obj=getElementById("txt")
????obj.style.display="none"
}//定義"隱藏內(nèi)容"的函數(shù)


function?show(){
????obj.style.display="block"
}//定義"顯示內(nèi)容"的函數(shù)


function?cancel(){
????var?obj=confirm("是否取消設(shè)置？")
????if(obj==true){
????obj.removeAttribute("style");
????}
}//定義"取消設(shè)置"的函數(shù)



??</script>
</body>
</html>

為什么除了最后一個(gè)其他效果都出不來呢？？

Bill0123

2015-08-11

源自：JavaScript入門篇 4-1

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

1031

操作

收起

3 回答

Perona
2015-08-11

var?obj=getElementById("txt")

這一句缺個(gè)document.

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

obj.style.width="500"
obj.style.height="400"

這2行缺了px

obj.style.width="500px"
obj.style.height="400px"

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

函數(shù)名不要取js的關(guān)鍵字，換個(gè)名吧

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

function?cancel(){
????var?obj=confirm("是否取消設(shè)置？")
????if(obj==true){
????obj.removeAttribute("style");
????}
}//定義"取消設(shè)置"的函數(shù)

這里重置的應(yīng)該是id為txt的樣式，你這樣成重置對(duì)話框的樣式。

function?cancel(){
????var?obj=document.getElementById("txt")
????var?message=confirm("是否取消設(shè)置？")
????if(message==true){
????????obj.removeAttribute("style");
????}
}//定義"取消設(shè)置"的函數(shù)

修改后的全代碼（在你原先的代碼基礎(chǔ)上改的，我就沒把變量提出來了哈)

<!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="changecolor()">
????<input?type="button"?value="改變寬高"?onclick="changewidth()">
????<input?type="button"?value="隱藏內(nèi)容"?onclick="hide()">
????<input?type="button"?value="顯示內(nèi)容"?onclick="show()">
????<input?type="button"?value="取消設(shè)置"?onclick="cancel()">
</form>
<script?type="text/javascript">


????function?changecolor(){
????????var?obj=document.getElementById("txt")
????????obj.style.color="red";
????????obj.style.backgroundColor="yellow";
????}//定義"改變顏色"的函數(shù)


????function?changewidth(){
????????var?obj=document.getElementById("txt")
????????obj.style.width="500px"
????????obj.style.height="400px"
????}//定義"改變寬高"的函數(shù)


????function?hide(){
????????var?obj=document.getElementById("txt")
????????obj.style.display="none"
????}//定義"隱藏內(nèi)容"的函數(shù)


????function?show(){
????????var?obj=document.getElementById("txt")
????????obj.style.display="block"
????}//定義"顯示內(nèi)容"的函數(shù)


????function?cancel(){
????????var?obj=document.getElementById("txt")
????????var?message=confirm("是否取消設(shè)置？")
????????if(message==true){
????????????obj.removeAttribute("style");
????????}
????}//定義"取消設(shè)置"的函數(shù)
</script>
</body>
</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Bill0123 提問者

嗯嗯謝謝.寫的時(shí)候思維有點(diǎn)混亂/(ㄒoㄒ)/不過看過你的解答之后，我明白了^_^

2015-08-11 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Perona 回復(fù) Bill0123 提問者

加油！

2015-08-11 回復(fù) 有任何疑惑可以回復(fù)我~

Bill0123 提問者
2015-08-11

<!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="changecolor()">??
????<input?type="button"?value="改變寬高"?onclick="changewidth()"?>
????<input?type="button"?value="隱藏內(nèi)容"?onclick="hidden()">
????<input?type="button"?value="顯示內(nèi)容"?onclick="show()">
????<input?type="button"?value="取消設(shè)置"?onclick="cancel()">?
??</form>
??<script?type="text/javascript">
var?obj=document.getElementById("txt");??
function?changecolor(){
????obj.style.color="red";
????obj.style.backgroundColor="yellow";
}//定義"改變顏色"的函數(shù)


function?changewidth(){
????obj.style.width="500"
????obj.style.height="400"?
}//定義"改變寬高"的函數(shù)


function?hidden(){
????obj.style.display="none"
}//定義"隱藏內(nèi)容"的函數(shù)


function?show(){
????obj.style.display="block"
}//定義"顯示內(nèi)容"的函數(shù)


function?cancel(){
????var?obj=confirm("是否取消設(shè)置？")
????if(obj==true){
????obj.removeAttribute("style");
????}
}//定義"取消設(shè)置"的函數(shù)



??</script>
</body>

我把變量放到最外面了，為啥這樣還是不行?。?(ㄒoㄒ)/

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答