Please enable JavaScript.

Coggle requires JavaScript to display documents.

JS (javascript) (JS基础 (函数传参 (改变DIV任意样式 (-操纵属性的第二种方式, ·什么时候用：要修改的属性不固定,…

- - - - -函数传参：参数就是占位符
      - ·什么时候用函数传参——函数里定不下来的东西
    - - -操纵属性的第二种方式
      - ·什么时候用：要修改的属性不固定
      - ·字符串和变量——区别和关系
    - - -元素.style.属性=xxx是修改行间样式
      - -之后再修改class name不会有效果
  - - - -为元素添加事件
      - ·事件和其他属性一样，可以用JS添加
      - ·window.onload的意义
        
        当页面加载完才执行
      - ·行为、样式、结构、三者分离
    - - -getElementsByTagName
      - ·数组的使用
      - ·里面的
  - - - -while概念语法
      - ·自增的意义
      - ·循环的构成：初始化、条件、语句、自增
    - - -用for循环代替while循环
      - ·用for循环为一组元素添加事件
      - ·什么时候用循环——一组元素
      - -例子
      - ·全选——checked属性
      - ·反选——for循环配合if判断
  - - - 属性读操作：获取、找到/
        
        字符串链接：+号在JS里面除了有数字的假发作用还有内容结合作用
        
        格式：
        元素.属性名
        
        例：淘宝+在+杭州=>淘宝在杭州
        alert(otext.value+'在'+oSelect.value);
      - 属性的写操作：替换、修改
        
        格式：
        元素.属性名=新的值
      - innerHTML能读取元素内的所有HTML代码
        如果在后面加上一个等号=
        innerHTML=新的值
        那么就可以达到替换或者修改HTML内的所有内容
- - - - 使用HTML和CSS布局
    - - 确定要修改那些属性
    - - 确定用户做出那些操作（产品设计）
        有键盘事件、鼠标事件、系统事件、表单事件。。。。
    - - 在事件中，用JS来修改页面元素的样式
  - - - get
        
        获取
      - Element
        
        元素
      - By
        
        使用
      - Id
        
        ID名字
      - document
        
        文件
    - - 1.处理JS兼容问题
        2.调用
  - - - -引入fucntion()\函数的基本形式
      - -把JS从标签里放到函数里，类似CSS里的CLASS
      - 变量的使用——别名
        
        变量
        
        var
        
        例：var 变量命名=document.getElementById('元素命名')
    - - -函数定义：只是告诉系统有这个函数，不会实际执行
      - -函数调用：真正执行函数里的代码
      - -关系和区别
    - - <script>
        function 命名() {
        代码
        }
        函数名()
        </script>
    - - 任何标签都可以加ID包括link
        任何标签的任何属性都是可以修改的
        只要HTML能写JS就能改
      - 在HTML里面
        =的意思是赋值
        而
        ==的意思是判断
      - 空连接除了#还可以填充javascript:;
        JS里面要调用Class，必须把Class改成Class Name
      - alert()是弹窗，则括号是设置弹窗内容
      - 单引号为字符串
        双引号为变量
      - 保持随时写随时测试的习惯
    - - if=如果（在JS指的是条件判断）
      - if格式
        
        if(条件)
        {
        语句1
        }
        else
        {
        语句2
        }