一万个小时计划之3——JavaScript函数的使用以及一个十分简单的例子

要点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("&nbsp; ");
		}
		for(var k=0;k<i+1;k++)
		{
		    document.write("*"+"&nbsp; ");
		}
		document.write("<br>");
             }

         }
	triangle(5);
	triangle(10);
 	triangle(20);
	
  </script>

</body>
</html>

这里我是用了打印金字塔的函数,这样子我就可以通过函数来反复调用

这里有几个知识点

1是 &nbsp;是空格的意思

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>


展示效果:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值