我想聲明一個(gè)全局變量txtdiv,為什么每個(gè)函數(shù)引用不了這個(gè)全局變量txtdiv ?
想問,我想省略在每個(gè)函數(shù)里面都要聲明一遍txtdiv局部變量,為什么不能在幾個(gè)函數(shù)外面,聲明一個(gè)全局變量var txtdiv=document.getElementById('txt'); ?讓后面的每個(gè)函數(shù)在函數(shù)內(nèi)部來引用這個(gè)全局變量,我試驗(yàn)了一下,全局變量聲明,每個(gè)函數(shù)引用不了這個(gè)全局變量txtdiv 是為什么?
2016-02-20
可以啊,我就用的好好的
2016-02-20
下面是我寫的代碼部分,是我哪里寫的不對(duì)呢? 求你寫的代碼
<body>
<script>?? ?
??? var divtxt=document.getElementById('txt');
?? ?//定義"改變顏色"的函數(shù)
??? function changecolor(){
??????? divtxt.style.color="red";
?? ??? ?divtxt.style.backgroundColor='#e6e6e6';
??? }
??? //定義"改變顏色"的函數(shù)
?? ?function changewidth(){
??????? divtxt.style.color="cornflowerblue";
??????? divtxt.style.width="500px";
??????? divtxt.style.height="600px";
?? ?}
?? ?//定義"隱藏內(nèi)容"的函數(shù)
?? ?function hide(){
?? ??? ?divtxt.style.display='none';
?? ?}
?? ?//定義"顯示內(nèi)容"的函數(shù)
?? ?function show(){
?? ??? ?divtxt.style.display='block';
?? ?}
?? ?//定義"取消設(shè)置"的函數(shù)
?? ?function canelset(){
?? ??? ?var set=confirm('取消設(shè)置嗎?');
?? ??? ?if(set==true){
?? ?????? divtxt.removeAttribute("style");???? ?
?? ???? }else{
?? ??????????? return null;????????? ?
?? ??? ?}
?? ?}
</script>
<h2 id="con">JavaScript課程-DOM操作控制-js-慕課編程小練習(xí)</H2>
<div id="txt">
??? <h5>JavaScript為網(wǎng)頁(yè)添加動(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="canelset()">
</from>
</body>