HTML(16-js-函数)

函数

js是一种基于对象的脚本语言，代码复用的范围是函数，函数可以独立存在。
函数的最大作用是提供代码复用，将需要重复使用的代码块定义为函数，提供更好的代码复用

1. 前端编写JS的流程
   
2. 布局：html＋css 在写js之前必须保证有一个稳固的布局，这个布局本身
   不能有任何兼容问题
3. 
   
4. 属性：确定要修改哪些属性 确定通过js修改哪些属性，例如display
5. 
   
6. 事件：确定用户做哪些操作（产品设计）确定要在什么样的事件里修改，比如
   点击、移入移出
7. 
   
8. 编写js：在事件中，用js来修改页面元素的样式
9. 
   

例子

 <div id="div1">原始数据</div>
    <button onclick="ff()" id="btn1">隐藏</button>
    <script>
        function ff() {
    
            document.getElementById("div1").className = "bb1";
            document.getElementById("btn1").innerText = "显示";
            document.getElementById("btn1").onclick = dd;
        }
        function dd() {
    
            document.getElementById("div1").className = "bb2";
            document.getElementById("btn1").innerText = "隐藏";
            document.getElementById("btn1").onclick = ff;
        }
    </script>
    <style>
        .bb1 {
    
            display: none;
        }

        .bb2 {
    
            display: block;
        }
    </style>

定义函数的3种方式

1.命名函数

 function hello(name){
   
    alert('欢迎您，'+name+"，你好!");
    }

2.定义匿名函数

定义匿名函数无需指定函数名，而是将参数列表紧跟在function关键