                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript入门篇

有谁能帮我解释下哪里错了？

<!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="changeColor()"> ;

<input type="button" value="改变宽高" onClick="changeWidth-height()">;

<input type="button" value="隐藏内容" onClick="changNone()">;

<input type="button" value="显示内容" onClick="changBlock()">;

<input type="button" value="取消设置" onClick="changeNo()">;

</form>

<script type="text/javascript">

var mycon = document.getElementById("con");

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

//定义"改变颜色"的函数

function changeColor(){

mytxt.style.color="red";

mytxt.style.backgroundColor="#ccc";

}

//定义"改变宽高"的函数

function changeWidth-height()

{

mytxt.style.width="200px";

mytxt.style.height="300px";

}

//定义"隐藏内容"的函数

function changeNone()

{

mytxt.style.display="none";

}

//定义"显示内容"的函数

function changeBlock()

{

mytxt.style.display="block";

}

//定义"取消设置"的函数

function changNo()

{

var a=comfirm("是否取消设置")；

if (a==ture){

mytxt.removeAttribute("style")

}

}

</script>

</body>

</html>

Lviter

2016-03-18

源自：JavaScript入门篇 4-1

关注问题我要回答

811

操作

收起

4 回答

楠倏回答被采纳 +3 积分
2016-03-19

<!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="changeColor()">

<input type="button" value="改变宽高" onClick="changeWidthheight()">

<input type="button" value="隐藏内容" onClick="changeNone()">

<input type="button" value="显示内容" onClick="changeBlock()">

<input type="button" value="取消设置" onClick="changeNo()">

</form>

<script type="text/javascript">

var mycon = document.getElementById("con");

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

//定义"改变颜色"的函数

function changeColor(){

mytxt.style.color="red";

mytxt.style.backgroundColor="#ccc";

}

//定义"改变宽高"的函数

function changeWidthheight()

{

mytxt.style.width="200px";

mytxt.style.height="300px";

}

//定义"隐藏内容"的函数

function changeNone()

{

mytxt.style.display="none";

}

//定义"显示内容"的函数

function changeBlock()

{

mytxt.style.display="block";

}

//定义"取消设置"的函数

function changeNo()

{

var a=confirm("是否取消设置");

if(a==true){

mytxt.removeAttribute("style");

}

}

</script>

</body>

</html>

自己对照一下吧。。很多都是拼写错误。。

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

#1

Lviter 提问者

非常感谢！

2016-03-19 回复有任何疑惑可以回复我~

笨笨熊啊你
2016-03-19

<!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
    <input type="button" value="改变颜色" onclick="color()">  
    <input type="button" value="改变宽高" onclick="change()">
    <input type="button" value="隐藏内容" onclick="hide()">
    <input type="button" value="显示内容" onclick="display()">
    <input type="button" value="取消设置" onclick="cancle()">
  </form>
  <script type="text/javascript">
  function color(){
     var a=document.getElementById("txt");
     a.style.color="blue";
  };

function change(){
    var b=document.getElementById("txt");
    b.style.width="360px";
    b.style.height='400";
}
 function hide(){
     var c=document.getElementById("txt");
     c.style.display="none";
     
 }

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

迪泰鑫网络科技
2016-03-19

changeWidth-height 函数名不要用- 符号试试

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

swatch17
2016-03-18

var a=comfirm("是否取消设置")；==>var confirm("是否取消设置")

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

举报

0/150

提交

取消

JavaScript入门篇

参与学习 738222 人
解答问题 9558 个

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

本课相似问答

8 回答有谁能帮我看下是哪错了？

5 回答谁能帮我看看哪里错了

1 回答谁帮我看一下我这里哪里出错了，实在找不出来…

2 回答能不能帮我看下哪错了呢？

4 回答帮我看下哪里出错了

搜索更多本课相关问答

有谁能帮我解释下哪里错了？

我要回答关注问题

意见反馈帮助中心 APP下载