为了账号安全,请及时绑定邮箱和手机立即绑定

有一个JavaScript的一个问题初级入门篇4-1编程挑战

有一个JavaScript的一个问题初级入门篇4-1编程挑战

BlackStyle7 2018-03-13 19:40:17
是这样的,我在把取消内容对应的函数注释掉之后(我用的是dclear),前边的四个按钮能够“完美”实现。但当我把整个代码完整的用2345,火狐,IE浏览器运行后5个按钮都没有任何相应。查看报错说是5个函数均没有被定义。下面是自己写的代码。希望大神能够指点一下。现在这里谢过了。<html>    <head>        <meta http-equiv="Content-Type" content="text/html" ;  charset="gb2312">        <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="changewh()">            <input type="button" value="隐藏内容" onclick="hide()">            <input type="button" value="显示内容" onclick="show()">            <input type="button" value="取消内容" onclick="dclear()">        </form>        <script type="text/javascript">            function changecolor(){    //定义“改变颜色”的函数                var mychar=document.getElementById("txt");                mychar.style.color="white";                mychar.style.backgroundColor="black";            }            function changewh(){                var mychar=document.getElementById("txt");                mychar.style.width="300px";                mychar.style.height="200px";            }            function hide(){                var mychar=document.getElementById("txt");                mychar.style.display="none";            }            function show(){                var mychar=document.getElementById("txt");                mychar.style.display="block";            }            function dclear(){                var 1=confirm("你真的要取消设置吗?");                if(1==true){                    var mychar = document.getElementById("txt");                    mychar.style.color="black";                    mychar.style.backgroundColor="white";                    mychar.style.display="block";                    mychar.style.width="600px";                    mychar.style.height="400px";                }           }        </script>    </body></html>
查看完整描述

2 回答

?
BlackStyle7

TA贡献1条经验 获得超0个赞

我是本人,问题已经得到解决。

说实话,我真的不知道为什么就好使了。在最后一个函数中我最开始定义的变量名不是1,是mystyle。最开始就是这个问题,我就把mystyle改成了1。今天我把代码复制回来,再改把1回mystyle就能运行了。 

查看完整回答
反对 回复 2018-03-15
?
anet

TA贡献79条经验 获得超19个赞

  var 1=confirm("你真的要取消设置吗?");????????

  if(1==true)??????


把1改为i即可,注意细节。

查看完整回答
反对 回复 2018-03-13
  • BlackStyle7
    BlackStyle7
    哦,你说那个“1”啊。最开始我定义的是一个叫"mystyle"的变量。就是 “ var mystyle = confirm("你真的要取消设置吗?"); ”运行之后就是我说的那个问题。然后我就想是不是这个变量名称过长导致的类似于浏览器不兼容的那些问题呢?之后我就吧原来叫做“style”的变量改成了“1”,就是我放上去的代码。发现问题并没有得到改善。于是就用的1.
  • anet
    anet
    你得复习一下js变量命名的语法规则
  • anet
    anet
    最开始可能是拼写错误
  • 2 回答
  • 0 关注
  • 1061 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信