怎么实现一个按钮来回变换？
先在页面区打印一个‘*’组成的三角形，然后点击按钮，变换到另一个三角形
，颜色方向改变，再点击按钮，回到之前的三角形。
super赵任浏览 2108回答 4
4回答
-
灬紫羽
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" /> <title>javascript</title> <style> </style> <script type="text/javascript"> var large=9; //设置行数 var flag = false; function change(){ var str = ''; if(flag){ for(var i=0;i<large;i++) { for(var e=0; e<i; e++){ str +="＊"; } str +="<br/>"; } flag = false; }else{ for(var i=0;i<large;i++) { for(var e=0; e<large-i; e++){ str +="＊"; } str +="<br/>"; } flag = true; } document.body.innerHTML=str; document.write("<button onclick='javascript:change()'>点我变换形状</button><br/>"); } </script> </head> <body> <button onclick="javascript:change()">点我变换形状</button><br/> </body> </html> -
一杯2块的奶茶
楼上已经写了，你只要稍微改下就好了 -
vLiang
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="square">square</div> <button>click</button> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> var flag =false; $('button').click(function(){ if(flag){ $('#square').html(square()); flag = false; }else{ $('#square').html(nabla()); flag = true ; } }); function square(){ return 'square'; } function nabla(){ return 'nabla'; } </script> </body> </html>可以用过JQuery 实现 先导入JQuery 然后 定义一个flag标识 通过绑定 button的绑定事件 判断flag的值 true执行三角形 并将flag设置为false 当flag为false时 执行倒三角形 再将flag设置为true 就可以了 -
super赵任
我使用window.open()解决了，但是我想问问有没有不用window.open()来解决的方法。
随时随地看视频慕课网APP
Html/CSS
JavaScript