                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

我這里有什么地方不對(duì)嗎？

<!DOMTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>js編程練習(xí)</title>
?????????????<!--css?begin-->
	<style?type="text/css">
	????*{margin:?0?;?padding:?0;?font-family:?"宋體"}
????????????#main{?border:?2px?solid?red;?height:?100%;}
????????????#showmore{
	????????position:?absolute;
	????????top:?5%;
	????????left:?25%;
	????????border-top:?1px?solid?blue;
	????????border-right:?1px?solid?blue;
	????????border-left:?1px?solid?blue;
	????????background:?white;
	????????width:?400px;
????????????}
	</style>
	???<!--css?end-->
	????<!--這是內(nèi)部JS代碼-->
	<script?type="text/javascript">
	????//光標(biāo)失焦
	????function?showOnblur()?{
	????????var?sob?=?document.getElementById("showmore");//通過(guò)id獲取
	????????sob.style.display?=?"none";//隱藏內(nèi)容
????????????}
????????????
????????????//光標(biāo)聚集
????????????function?moreOnfocus()?{
	????????var?mof?=?document.getElementById("showmore");
	????????mof.style.display?=?"block";??//顯示內(nèi)容
????????????}
	</script>
	????<!--內(nèi)部js?end-->
</head>

<body>
????<div?id="main">
	????<p?id="mainp"?>簡(jiǎn)介：做為WEB攻城師必備技術(shù)JavaScript，
		本課程從如何插入JS代碼開(kāi)始，學(xué)<span?id="more1"?onfocus="moreOnfocus()"?>[更多]<span></p>
	????<div?id="showmore"?onblur="showOnblur()"?>簡(jiǎn)介：做為W
		EB攻城師必備技術(shù)JavaScript，本課程從如何插入JS代碼開(kāi)始，
		學(xué)習(xí)JS基礎(chǔ)語(yǔ)法、語(yǔ)法、函數(shù)、方法等，讓你掌握J(rèn)S編程思路、
		知識(shí)的使用等，實(shí)現(xiàn)運(yùn)用JS語(yǔ)言為網(wǎng)頁(yè)增加動(dòng)態(tài)效果，達(dá)到與
		用戶交互的目的。</div>
	</div>
</body>
</html>

為什么#showmore的內(nèi)容沒(méi)有隱藏。。。

Erkeleteyin

2016-10-27

源自：JavaScript進(jìn)階篇 6-5

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

942

操作

收起

2 回答

Sheryl要做優(yōu)秀的UID 回答被采納 +3 積分
2016-10-27

onfocus onblur事件只對(duì)于文本框有效

?

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

收起回答

#1

Erkeleteyin 提問(wèn)者

哦哦，是這樣啊，非常感謝！

2016-10-27 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Sheryl要做優(yōu)秀的UID 回復(fù) Erkeleteyin 提問(wèn)者

沒(méi)關(guān)系我也是初學(xué)者一起努力！

2016-10-27 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Erkeleteyin 提問(wèn)者回復(fù) Sheryl要做優(yōu)秀的UID

嗯嗯，加油

2016-10-27 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

Sheryl要做優(yōu)秀的UID
2016-10-27

<!DOMTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>js編程練習(xí)</title>
?????????????<!--css?begin-->
????<style?type="text/css">
????????*{margin:?0?;?padding:?0;?font-family:?"宋體"}
????????????#main{?border:?2px?solid?red;?height:?100%;}
????????????#showmore{
????????????position:?absolute;
????????????top:?5%;
????????????left:?25%;
????????????border-top:?1px?solid?blue;
????????????border-right:?1px?solid?blue;
????????????border-left:?1px?solid?blue;
????????????background:?white;
????????????width:?400px;
	????display:none;?//先隱藏
????????????}
????</style>
???????<!--css?end-->
????????<!--這是內(nèi)部JS代碼-->
????<script?type="text/javascript">
????????//光標(biāo)失焦
????????function?moreOnfocus()?{
????????????var?sob?=?document.getElementById("showmore");//通過(guò)id獲取
????????????sob.style.display?=?"block";//顯示內(nèi)容
????????????}
?????????????
????????????//光標(biāo)聚集
????????????function?showOnblur()?{
????????????var?mof?=?document.getElementById("showmore");
????????????mof.style.display?=?"none";??//隱藏內(nèi)容
????????????}
????</script>
????????<!--內(nèi)部js?end-->
</head>
?
<body>
????<div?id="main">
????????<p?id="mainp"?>簡(jiǎn)介：做為WEB攻城師必備技術(shù)JavaScript，
????????本課程從如何插入JS代碼開(kāi)始，學(xué)<br>
????????<input?type="text"?id="more1"?value="更多"?onfocus="moreOnfocus()"?>
????????</p>
????????<textarea?id="showmore"?rows="5"?cols="6"?placeholder="簡(jiǎn)介：做為WEB攻城師必備技術(shù)JavaScript，本課程從如何插入JS代碼開(kāi)始，學(xué)習(xí)JS基礎(chǔ)語(yǔ)法、語(yǔ)法、函數(shù)、方法等，讓你掌握J(rèn)S編程思路、知識(shí)的使用等，實(shí)現(xiàn)運(yùn)用JS語(yǔ)言為網(wǎng)頁(yè)增加動(dòng)態(tài)效果，達(dá)到與用戶交互的目的"?onBlur="showOnblur()"></textarea>
????</div>
</body>
</html>

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

收起回答