先在页面区打印一个‘*’组成的三角形，然后点击按钮，变换到另一个三角形，颜色方向改变，再点击按钮，回到之前的三角形。
4 回答
已采纳
灬紫羽
TA贡献107条经验 获得超71个赞
<!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>
vLiang
TA贡献47条经验 获得超30个赞
<!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 就可以了
添加回答
举报
0/150
提交
取消