前端记录3（js）

• js:JavaScript,页面行为：部分动画效果、页面与用户的交互、页面功能
• js的引入：
  • 行间事件: <input type="button" onclick="alert('ok！');">

  • 页面script标签嵌入

    <script type="text/javascript">
    alert('ok！');
    </script>

  • 外部引入

    <script type="text/javascript" src="js/index.js"></script>

• JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 'var'
• 数据类型：
  • 五种基本数据类型：
  • number 数字类型
  • string 字符串类型
  • boolean 布尔类型 true 或 false
  • undefined undefined类型，变量声明未初始化，它的值就是undefined
  • null null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null,在页面上获取不到对象，返回的值就是null
  • 一种符合类型：object
• 函数：

  • 定义：

    function fnFunc1(){
    alert('hello world!');
    }

  • 调用：

    fnFunc1()

• 获取元素

  • 使用内置对象document的getElementById方法来获取页面上设置了id属性的元素，获取到的是一个html对象，将它赋值给一个变量：

    <script type="text/javascript">
    var oDiv = document.getElementById('div1');
    </script>

• 操作元素：
  • var 变量 = 元素.属性名 读取属性
  • 元素.属性名 = 新属性值 改写属性