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

最新推荐文章于 2024-07-20 08:45:00 发布

高手在民间_

最新推荐文章于 2024-07-20 08:45:00 发布

阅读量102

点赞数

分类专栏：大学回忆，不放弃的四年文章标签： javascript

本文链接：https://blog.csdn.net/qq_40276753/article/details/103758304

版权

大学回忆，不放弃的四年专栏收录该内容

27 篇文章 0 订阅

订阅专栏

要点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是  是空格的意思

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
评论
一万个小时计划之3——JavaScript函数的使用以及一个十分简单的例子

要点1 javascript使用函数<!DOCTYPE html><html lang="en"><head> <meta charset="gb2312"> <title>Document</title></head><body> <script> func...
复制链接

扫一扫