已经通过了,看看吧,说不定对你有所帮助。
走过路过,表要错过,瞧一瞧,看一看,不要钱。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 | <!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" onclick= "changeColor()" value= "改变颜色" > <input type= "button" onclick= "changeSize()" value= "改变宽高" > <input type= "button" onclick= "hideTxt()" value= "隐藏内容" > <input type= "button" onclick= "showTxt()" value= "显示内容" > <input type= "button" onclick= "comeBack()" value= "取消设置" > </form> <script type= "text/javascript" > //定义"随机颜色"的函数 function randomColor() { //16进制方式表示颜色0-F var arrHex = [ "0" , "1" , "2" , "3" , "4" , "5" , "6" , "7" , "8" , "9" , "A" , "B" , "C" , "D" , "E" , "F" ]; var strHex = "#" ; var index; for ( var i = 0; i < 6; i++) { //取得0-15之间的随机整数 index = Math.round(Math.random() * 15); strHex += arrHex[index]; } return strHex; } //定义"改变颜色"的函数 function changeColor(){ var mychar = document.getElementById( "txt" ); mychar.style.color = randomColor(); } //定义"改变宽高"的函数 function changeSize(){ var mychar = document.getElementById( "txt" ); mychar.style.width = "700px" ; mychar.style.height = "450px" ; } //定义"隐藏内容"的函数 function hideTxt(){ var mychar = document.getElementById( "txt" ); mychar.style.display = "none" ; } //定义"显示内容"的函数 function showTxt(){ var mychar = document.getElementById( "txt" ); mychar.style.display = "block" ; } //定义"取消设置"的函数 function comeBack(){ var mystr = confirm( "取消设置" ); var mychar = document.getElementById( "txt" ); if (mystr == true ){ mychar.removeAttribute( "style" ); } else { } } </script> </body> </html> |