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

為了賬號安全,請及時綁定郵箱和手機立即綁定

求大神幫忙??!

<!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為網頁添加動態效果并實現與用戶交互的功能。</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="c()"> ?

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

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

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

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

? </form>

? <script type="text/javascript">

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



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



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



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



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

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

var two=document.getElementById("txt");

function c(){

??

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

? ??

}

function h(){

? ? two.style.height="100px";

two.style.width="100px";

}


function hh(){

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

}


function b(){

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

}


function n(){

? ? var t=confirm("是否取消設置");

? ? if(t==true){

? ? ? ? ? ? ?t.removeAttribute("style");

? ? document.getElementById("con").removeAttribute("style");

}else{}




? </script>

</body>

</html>




為什么沒有反應???哪位大神可以幫我看看

正在回答

2 回答

  1. 你的第一個里面的one 是p標簽的標題,應該把two的也順帶改下看得清楚些。

  2. 你的最后一個n( )取消函數的最后差一個花括號。


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


<!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為網頁添加動態效果并實現與用戶交互的功能。</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="CColor()"> <input type="button" value="改變寬高" onclick="CWHeight()"> <input type="button" value="隱藏內容" onclick="Ctxt()">

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

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

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

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

? ? ? ? ? ? ? ?var a = 0; var b = 0; function CColor(){ var mychar=document.getElementById("txt"); mychar.style.color = "red"; a = 1; }?

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

? ? ? ? ? ? ? ?function CWHeight(){?

? ? ? ? ? ? ? ? ? ?var mychar=document.getElementById("txt"); mychar.style.width = "400px"; mychar.style.height = "300px"; b = 1; }?

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

? ? ? ? ? ? ? ?function Ctxt(){?

? ? ? ? ? ? ? ? ? ?var mychar=document.getElementById("txt"); mychar.style.display="none"; }

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

? ? ? ? ? ? ? ?function CStxt(){?

? ? ? ? ? ? ? ? ? ?var mychar=document.getElementById("txt"); mychar.style.display="block"; }?

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

? ? ? ? ? ? ? ?function CCC(){

? ? ? ? ? ? ? ?var isf =confirm("是否取消設置?");?

? ? ? ? ? ? ? ?if(isf == true)?

? ? ? ? ? ? ? ?{ if(a == 1)?

? ? ? ? ? ? ? ?{ var mychar=document.getElementById("txt");?

? ? ? ? ? ? ? ?mychar.style.color="black"; a = 0; }?

? ? ? ? ? ? ? ?if(b == 1)

? ? ? ? ? ? ? ?{ var mychar=document.getElementById("txt"); mychar.style.width="600px"; mychar.style.height="400px"; b = 0; } } } </script>

?</body>?

?</html>


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

舉報

0/150
提交
取消
JavaScript入門篇
  • 參與學習       741183    人
  • 解答問題       9865    個

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

進入課程

求大神幫忙!!

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號