是这样的,我在把取消内容对应的函数注释掉之后(我用的是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就能运行了。
添加回答
举报
0/150
提交
取消