要点1 javascript使用函数
<!DOCTYPE html><html lang="en">
<head>
<meta charset="gb2312">
<title>Document</title>
</head>
<body>
<script>
function triangle(num)
{
for(var i=0;i<num;i++)
{
for(var j=0;j<num-1-i;j++)
{
document.write(" ");
}
for(var k=0;k<i+1;k++)
{
document.write("*"+" ");
}
document.write("<br>");
}
}
triangle(5);
triangle(10);
triangle(20);
</script>
</body>
</html>
这里我是用了打印金字塔的函数,这样子我就可以通过函数来反复调用
这里有几个知识点
1是 是空格的意思
2是 <br>是换行的意思
要点2 javascript结合css编写一个小按钮
接下来我们来结合css对一个按钮进行点击事件的编写
mybutton.css
.button1{
width: 160px;
height: 46px;
font-size: 24px;
color: white;
background-color: #fa4657;
border-radius: 23px;
cursor: pointer;
outline: none;
}
.button:hover{
opacity: .8;
}
我的html:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="gb2312">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="mybutton.css" > <!--href中写css样式表存放的路径-->
</link>
</head>
<body>
<button class="button1" onclick="alert('你点击了我!')">Go</button>
</body>
</html>
展示效果: