JavaScript、Dom和jQuery

JavaScript

JavaScript是一门编程语言，浏览器内置了JavaScript语言的解释器，所以在浏览器上按照JavaScript语言的规则编写相应代码之，浏览器可以解释并做出相应的处理。 1、JavaScript代码存在形式

<!-- 方式一 -->
<script type"text/javascript" src="JS文件"></script>
  
<!-- 方式二 -->
<script type"text/javascript">
    Js代码内容
</script>

2、JavaScript代码存在位置

• HTML的head中

• HTML的body代码块底部(推荐)

  由于Html代码是从上到下执行，如果Head中的js代码耗时严重，就会导致用户长时间无法看到页面，如果放置在body代码块底部，那么即使js代码耗时严重，也不会影响用户看到页面效果，只是js实现特效慢而已。

如： 
<script src="https://www.gstatic.com/og/_/js/k=og.og2.en_US.iF4jnkQuaf0.O/rt=j/t=zcms/m=def/exm=in,fot/d=1/ed=1/rs=AA2YrTv5-POC4Ks9GtGRdY2ywUWisqz7-Q"></script>
<script>
    alert('123');
</script>

3、变量

- 全局变量
- 局部变量

JavaScript中变量的声明是一个非常容易出错的点，局部变量必须一个 var 开头，如果未使用var，则默认表示声明的是全局变量

var name = "seven"  # 局部变量
age = 18            # 全局变量

注：注释 // 或 /* */

4、基本数据类型

数字（Number）

var page = 111;
var age = Number(18);
var a1 = 1,a2 = 2, a3 = 3;
parseInt("1.2");
parseFloat("1.2");

字符串(String)

var name = "wupeiqi";
var name = String("wupeiqi");
var age_str = String(18);
  
常用方法：
    obj.trim()
    obj.charAt(index)
    obj.substring(start,end)
    obj.indexOf(char)
    obj.length

布尔(Boolean)

var status = true;
var status = false;
var status = Boolen(1==1)

数组(Array)

var names = ['alex', 'tony', 'eric']
var names = Array('alex', 'tony', 'eric')
  
常用方法：
    添加
        obj.push(ele)                   追加
        obj.unshift(ele)                最前插入
        obj.splice(index,0,'content')   指定索引插入
    移除
        obj.pop()                       数组尾部获取
        obj.shift()                     数组头部获取
        obj.splice(index,count)         数组指定位置后count个字符
       
    切片
        obj.slice(start,end)          
    合并
        newArray ＝ obj1.concat(obj2)  
    翻转
        obj.reverse()
       
    字符串化
        obj.join('_')
    长度
        obj.length
  
    字典
        var items = {'k1': 123, 'k2': 'tony'}

undefined

undefined表示未定义值
var name;

null

null是一个特殊值

5、循环语句

var names = ["alex", "tony", "rain"];
  
  
// 数组：方式一
for(var i=0;i<names.length;i++){
    console.log(i);
    console.log(names[i]);
}
  
  
// 数组：方式二
for(var index in names){
    console.log(index);
    console.log(names[index]);
}
  
var names = {"name": "alex", "age": 18};
  
  
// 字典：方式一
for(var index in names){
    console.log(index);
    console.log(names[index]);
}
  
  
// while循环
while(条件){
    // break;
    // continue;
}

6、条件语句

//if条件语句
  
    if(条件){
  
    }else if(条件){
          
    }else{
  
    }
  
var name = 'alex';
var age = 1;
  
// switch,case语句
    switch(name){
        case '1':
            age = 123;
            break;
        case '2':
            age = 456;
            break;
        default :
            age = 777;
    }

7、异常处理

try{
  
}catch(e) {
  
}finally{
  
}

8、函数

函数的声明
    function func(arg){
        return true;
    }
          
匿名函数
    var func = function(arg){
        return "tony";
    }
  
自执行函数
    (function(arg){
        console.log(arg);
    })('123')

9、面向对象

function Foo (name,age) {
    this.Name = name;
    this.Age = age;
    this.Func = function(arg){
        return this.Name + arg;
    }
}
  
var obj = new Foo('alex', 18);
var ret = obj.Func("sb");
console.log(ret);

转载于:https://my.oschina.net/u/2551551/blog/735361