Web前端开发回顾之javaScript(1)

1. 
   
   1. onclick=”javascript:alert(‘dd’)”
2. 换行
   
   1. document.write(“Hello \
   2. World!”);
3. 您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：
   
   1. var name=”Gates”, age=56, job=”CEO”;
4. JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：
5. 数据库钱—decimal
6. var person={firstname : “Bill”,lastname : “Gates”,id : 5566};
7. name=person.lastname;
8. 
   
   1. 改变文件路径
   2. element = document.getElementById(‘myimage’)
      if(element.src.match(“bulbon”)) {
      element.src = “../i/eg_bulboff.gif”;
      } else {
      element.src = “../i/eg_bulbon.gif”;
      }
      }
9. 改变样式
   
   1. x = document.getElementById(“demo”) // 找到元素
      x.style.color = “#ff0000”; // 改变样式
10. 创建对象
    
    1. var Person = {
       “name”: “张三”,
       “age”: 14
       }
    2. function createObject2() {
       person = new Object();
       person.firstname = “Bill”;
       person.lastname = “Gates”;
       person.age = 56;
       person.eyecolor = “blue”;
       document.write(person.firstname);
       }
    3. 访问对象的两种方式
       
       1. document.write(person[“name”]);
       2. document.write(Person.name);
11. 创建数组(三种方式)
    
    1. var a =new Array();
       a[0]=1;
       a[2]=3;
       a[1]=”111”;
       document.write(typeof(a[0])+”\n”);
       document.write(typeof(a[1]));
       document.write(a[0]);
       document.write(a[1]);
    2. var cars = [“Audi”, “BMW”, “Volvo”];
    3. var cars = new Array(“Audi”, “BMW”, “Volvo”);

12. for：in
    var txt=”“;
    var person = {
    fname: “John”,
    lname: “Doe”,
    age: 25
    };

    for(x in person) {
    txt = txt + person[x];
    }

document.write(txt);

全等（值和类型）
x===5 为 true；x===”5” 为 false

1. DOM

   1. 改变属性
      
      1. document.getElementById(id).attribute=new value
      2. document.getElementsByTagName(“body”)[0].bgColor = “red”;
   2. 改变样式
      
      1. document.getElementById(“dd”).style.color = “red”;
   3. 隐藏和显示
      

      1. 这是一段文本。

         
         
         

   4. 事件
      onload 和 onunload 事件

      1. onload 和 onunload 事件会在用户进入或离开页面时被触发。
      2. onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
      3. onload 和 onunload 事件可用于处理 cookie。
      4. onchange
         
         2. function change(a) {
            alert(a.value.toUpperCase());
            }
   5. 增删节点
      
      1. var c = document.createElement(“p”);
      2. d1.appendChild()
      3. aa.removeChild(p);
   6. 访问元素属性
      
      1. 内置属性
         
         1. 比如a标签的href可以直接通过a.href来访问
            
            1. 
               
               1. var aa = document.getElementById(“aa”);
            2. aa.href = “http://www.baidu.com”;
      2. 自定义属性
         
         1. var aa = document.getElementById(‘aa’);
            aa.setAttribute(‘ffff’, “zhangsan “);
      3. 添加class！！！！ 但是会覆盖原有class
         
         1. 
            var aa = document.getElementById(‘aa’);
            aa.className = “ccccc”;
      4. 获取父节点！！！！！parentNode是属性不是方法
         
         1. var aa = document.getElementById(‘aa’);
            console.log(aa.parentNode);
   7. 获取select中选中元素的值
      
      1. 
         var index = a.selectedIndex;
         var value = a.options[index].text;
         BOM
2. 定义：
   
   1. 浏览器对象模型
   2. 提供了独立于内容而与浏览器交互的对象
   3. 用于管理窗口与窗口之间的通信，因此核心对象是window
   4. 缺乏标准
   5. javascript的标准是ecma
   6. DOM的标准是w3c
3. window
   
   1. Location
   2. history
   3. 
      
      1. 定时函数
      2. setTimeout（）
      3. setTimeout(“aa()”, 1000);
      4. var a = setInterval(“aa()”, 1000);
      5. clearInterval(a);
   4. document.getElementById(‘im’).src = arr[flag % length];
      flag++;
   5. History
      
      1. back() 后退
      2. forward() 前进
      3. Go() 走的步骤
   6. location
      
      1. reload（）重新加载当前文档
   7. Js内置对象
      
      1. Array
      2. String
      3. Math
         
         1. ceil() 向上取整
         2. floor() 对数进行向下取整
         3. round() 把数四舍五入为最近的对象
         4. random() 返回0-1之间的随机数
      4. Date
         
         1. 1.
      5. 5.