                        课程
                    
                        /前端开发
                        
                            /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" onlick="vc()" value="改变颜色" >
    <input type="button" onlick="vb()" value="改变宽高" >
    <input type="button" onlick="va()" value="隐藏内容" >
    <input type="button" onlick="vq()" value="显示内容" >
    <input type="button" onlick="vw()" value="取消设置" >
</form>
<script type="text/javascript">
      var c=document.getElementById("txt");
function vc(){
    c.style.color="red";
    c.style.backgroundcolor="blue";
}//定义"改变颜色"的函数

function vb(){
    c.style.width="50";
    c.style.height="90";//定义"改变宽高"的函数

function va(){
    c.style.display="none";//定义"隐藏内容"的函数

function vq(){
    c.style.display="block";
}//定义"显示内容"的函数

function vw(){
    var b=confirm("确认是否取消设置")；
    if b=="ture"{
        var d=new c
        d.style="null"
    }
    else b=="false"{

    }

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

</script>
</body>
</html>

Alice0123456789

2015-11-24

源自：JavaScript入门篇 4-1

关注问题我要回答

698

操作

收起

3 回答

fengshushu
2016-01-06

我认真的看了你的代码，错误太多了，除了上面我给你指出的我又找到了一些错误，
同学啊，下次写代码时一定要小心啊，你有好几处都少了一个}，这种错误还是少范的好
代码给你改好了，效果也都出来了，你自己对着看看吧
<!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="vc()"/ >  
    <input type="button" value="改变宽高" onclick="vb()"/>
    <input type="button" value="隐藏内容" onclick="va()"/ >
    <input type="button" value="显示内容" onclick="vq()"/ >
    <input type="button" value="取消设置" onclick="vw()"/ >
  </form>
  <script type="text/javascript">
      var c=document.getElementById("txt");
function va(){
    c.style.color="red";
    c.style.backgroundColor="blue";
}//定义"改变颜色"的函数


function vb(){
    c.style.width="2000px";
    c.style.height="100px";//定义"改变宽高"的函数
}

function va(){
    c.style.display="none";//定义"隐藏内容"的函数
}

function vq(){
    c.style.display="block";
}//定义"显示内容"的函数


function vw(){
    var b=confirm("确认是否取消设置");
    if (b==ture){
        c.removeAttribute("style");
    }
    
}
  </script>
</body>
</html>

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

收起回答

fengshushu
2016-01-06

onclick 你写成了onlick；另外 var b=confirm("确认是否取消设置")；这一句后面的逗号你的是中文状态下，改成英文状态下的；另外取消设置的函数，我是这样写的：

//定义"取消设置"的函数
function cancleset(){
    var hhh=confirm("是否取消设置");
    if(hhh==true){
        hwf.removeAttribute("style");
    }
}

这是我的代码，我的刚开始也是不能运行，你对着看看吧，希望能帮到你

<!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="changeheightwidth()"/ >
    <input type="button" value="隐藏内容" onclick="hiddencontent()"/>
    <input type="button" value="显示内容" onclick="showcontent()"/ >
    <input type="button" value="取消设置" onclick="cancleset()"/ >
</form>
<script type="text/javascript">
var hwf=document.getElementById("txt");
//定义"改变颜色"的函数
function changecolor(){
    hwf.style.color="yellow";
    hwf.style.backgroundColor="green";
}
//定义"改变宽高"的函数
function changeheightwidth(){
    hwf.style.width="200px";
    hwf.style.height="100px";
}
//定义"隐藏内容"的函数
function hiddencontent(){
    hwf.style.display="none";
}
//定义"显示内容"的函数
function showcontent(){
    hwf.style.display="block";
}
//定义"取消设置"的函数
function cancleset(){
    var hhh=confirm("是否取消设置");
    if(hhh==true){
        hwf.removeAttribute("style");
    }
}