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

本來除了最后一個都可以運行，現(xiàn)在全部都運行不了了

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

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為網頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數(shù)、數(shù)組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onclick="changecolor()" >??

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

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

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

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

? </form>

? <script type="text/javascript">

?

? var c=document.getElementById("txt");

? function changecolor(){

? ? ?c.style.color="pink";

? }

? ? ?function changewh(){

? ? ? ? ?c.style.width="300px";

? ? ? ? ?c.style.height="400px";

? ? ?}

? ? ?function hidein(){

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

? ? ?}

? ? ?function showin(){

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

? ? ?}

? ? ?<input type="button" value="改變顏色" onclick="changecolor()">?

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

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

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

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

? ? ?</form>

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

? ? ?var c=document.getElementById("txt");

? ? ?function changecolor(){

? ? ? ? ?c.style.color="pink";

? ? ? ? ?

? ? ?}

? ? ?function changewh(){

? ? ? ? ?c.style.width="300px";

? ? ? ? ?c.style.height="400px";

? ? ?}

? ? ?function hidein(){

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

? ? ?}

? ? ?function showin(){

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

? ? ?}

? ? ?function cancel(){

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

? ? ? ? ? ? ?if(message==true){

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

? ? ? ? ? ? ?}

? ? ? ? ?}

? ? ?}

? ? ?

? ? ?</script>

? ? ?</body>

? ? ?</html>

努力學習碳

2019-11-04

源自：JavaScript入門篇 4-1

關注問題我要回答

978

操作

收起

4 回答

weixin_慕慕6478331
2019-11-08

贊贊贊

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

收起回答

一個木木的笨蛋
2019-11-06

? <form>

?

? ? <input type="button" value="改變顏色" onclick = "changeConColor()">??

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

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

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

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

? </form>

? <script type="text/javascript">

//定義"改變顏色"的函數(shù)

? ? function changeConColor(){

? ? ? ? document.getElementById("con").style.color = "red";

? ? }

//定義"改變寬高"的函數(shù)

? ? function changeTxt(){

? ? ? ? var size = document.getElementById("txt");

? ? ? ? size.style.width = "300px";

? ? ? ? size.style.height = "400px";

? ? }

//定義"隱藏內容"的函數(shù)

? ? function Hidden(){

? ? ? ? document.getElementById("con").style.display = "none";

? ? }

//定義"顯示內容"的函數(shù)

? ? function Show(){

? ? ? ? document.getElementById("con").style.display = "block";

? ? }

? ??

//定義"取消設置"的函數(shù)

? ? function Cancel(){

? ? ? ? var message = confirm("你確定要取消嗎？");

? ? ? ? if(message == true){

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

? ? ? ? ? ? document.getElementById("txt").removeAttribute('style');

? ? ? ? }

? ? }

? </script>

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

收起回答

努力學習碳提問者
2019-11-05

我昨晚弄好了

<!DOCTYPE HTML>

<html>

<head>

<title>javascript</title>

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為網頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>

? ? ? ? <p>1. JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

? ? ? ? <p>2. JavaScript進階篇，讓你掌握JS的基礎語法、函數(shù)、數(shù)組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

? ? ? ? <p>3. 學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

? </div>

? <form>

?

? ? <input type="button" value="改變顏色" onclick="changecolor()" >??

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

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

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

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

? </form>

? <script type="text/javascript">

?

? var c=document.getElementById("txt");

? function changecolor(){

? ? ?c.style.color="pink";

? }

? ? ?function changewh(){

? ? ? ? ?c.style.width="300px";

? ? ? ? ?c.style.height="400px";

? ? ?}

? ? ?function hidein(){

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

? ? ?}

? ? ?function showin(){

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

? ? ?}

? ? ?

? ? ?function cancel(){

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

? ? ? ? ? ? ?if(q==true){

? ? ? ? ? ? c.style.height="400px";

? ? ? ? ? ? c.style.width="600px";

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

? ? ? ? ? ? c.style.color="black";

? ? ? ? ?}

? ? ? ? ?else{

? ? ? ? ? ? ?return;

? ? ? ? ?}

? ? ?}

? ? ?

? ? ?</script>

? ? ?</body>

? ? ?</html>

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

收起回答

陽火鍋
2019-11-05

<!DOCTYPE?HTML>

<html>

<head>

<title>javascript</title>

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為網頁添加動態(tài)效果并實現(xiàn)與用戶交互的功能。</h5>

????????<p>1.?JavaScript入門篇，讓不懂JS的你，快速了解JS。</p>

????????<p>2.?JavaScript進階篇，讓你掌握JS的基礎語法、函數(shù)、數(shù)組、事件、內置對象、BOM瀏覽器、DOM操作。</p>

????????<p>3.?學完以上兩門基礎課后，在深入學習JavaScript的變量作用域、事件、對象、運動、cookie、正則表達式、ajax等課程。</p>

??</div>

??<form>

??

????<input?type="button"?value="改變顏色"?onclick="changecolor()"?>??

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

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

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

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

??</form>

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

?

??var?c=document.getElementById("txt");

??function?changecolor(){

?????c.style.color="pink";

??}

?????function?changewh(){

?????????c.style.width="300px";

?????????c.style.height="400px";

?????}

?????function?hidein(){

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

?????}

?????function?showin(){

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

?????}

?????function?cancel(){

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

????????????if(message==true){

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

????????????}

????????}

????}

?????</script>

?????</body>

?????</html>

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

收起回答

舉報

0/150

提交

取消

JavaScript入門篇

參與學習 741086 人
解答問題 9827 個

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

進入課程

本課相似問答

1 回答一點都運行部了不知道哪錯了

2 回答運行不了之前可以運行的現(xiàn)在按鈕點了沒反應

4 回答本地運行不了

4 回答單獨的function都運行合一起就不行了？？

1 回答測了可以正常運行了

搜索更多本課相關問答

本來除了最后一個都可以運行，現(xiàn)在全部都運行不了了

我要回答關注問題

使用 Ctrl+D 可將網站添加到書簽

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

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

公眾號

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

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

本來除了最后一個都可以運行，現(xiàn)在全部都運行不了了

4 回答

本課相似問答

本來除了最后一個都可以運行，現(xiàn)在全部都運行不了了

本來除了最后一個都可以運行，現(xiàn)在全部都運行不了了

本來除了最后一個都可以運行，現(xiàn)在全部都運行不了了