javascript笔记 字符串 数组 循环 选择 变量 函数 获取元素

js导入的方式

1. 外部引入：

<script src=”js文件的路径”></script>

1. 页面标签嵌入：

<script>html文件中head里面直接写</script>

1. 行间事件

：<input type="button" name="" onclick="alert('ok');">

变量

变量类型

数字 字符串 布尔类型 undefined null

变量命名

区分大小写
字母、数字、_、$ 数字不能开头

• o 对象
• a 数组
• s 字符串
• i 整数
• f 浮点数
• b 布尔类型
• fn 函数
• re 正则

声明变量 var

• 全局变量
• 局部变量：在函数内部声明的变量；（注意：函数内部可以直接更改全局变量）

js获取元素

先加载文档

• js加载文档会读取文档的所有内容，包括图片等
• jquary加载文档只读取文档的标签，标签的属性等即整个文档结构，故jquary快。

document.getElementById(“id名”)  id具有唯一性
document.getElementByClassname(“类名”)
document.getElementByTagname(“标签名”)
document.getElementByName(“name”)

js获取元素属性

a.style.width
a.style[“width”]
a.innerHTML  可以载入或读取标签内容

函数aaa

function aaa() {
    函数体
}
aaa()  // 执行函数

匿名函数

function(){};

封闭函数

• 是匿名函数的另一种写法，是一种一旦创立就立即执行的函数
• 封闭函数可以创造一个独立的空间，在封闭函数内定义的变量和函数不会影响外部同名的函数和变量，可以避免命名冲突，在页面上引入多个js文件时，用这种方式添加js文件比较安全，

;(function(){})();
!function(){}();
~function(){}();
+function(){}();
-function(){}();

运算符
- ==
- >
- <
- >=
- <=
- !=
- ! 非
- && 且
- || 或

数组aList

类似栈，先进后出

aList[下标]   获取数组中的元素
aList.length    获取数组长度
aList.push(新元素)     添加新元素
aList.pop() 删除最后一个元素
aList.join(“-”) 将数组中的内容拼接到一起，通过-分隔；””代表直接拼接
aList.reverse()     反转
aList.indexOf(元素a)  返回元素a第一次出现的下标索引
aList.splice(开始位置，删除个数，替换内容)    
aList.splice(2,1,7,8,9)   //从第2个元素开始，删除1个元素，然后在此位置增加'7,8,9'三个元素

字符串 str

字符串拼接：直接相加+，数字/数组和字符串也可以拼接，拼接成一个新的字符串；

str.split(“a”)  字符串按每个a左右切割，如果写””，则每个元素都切割，切割结果返回数组；

parseInt(str)   转化成整数
parseInt(“123abc”)------->123
parseInt(“abc123”)------->NaN
判断是否是纯数字更为准确的方法：
isNaN(“123abc”)------->true
isNaN(“123”)------->false

parseFloat(str)     转化成浮点数
str.indexOf(元素a)        返回元素a第一次出现的下标索引
str.substring(start,end)        截取（切片）

条件语句

if (条件一){
    执行一
}else if (条件二){
    执行二
}else{
    执行三
};

switch (条件){
    case 条件一：
        ...
        break;
    case 条件二:
        ...
        break;
    default:
        ...;
}

判断条件 ? true执行语句：flase执行语句

5 > 3 ? console.log("111") : console.log("222");

循环语句

初始i为0，每次加1，直到不满足i <5

    for (var i = 0, i < 5, i++){
        循环内容;
    }

    for (i in 数组){
        i代表数组的下标
    }

定时器

仅执行一次的定时器
var timer = setTimeout(函数, 时间)
关闭仅执行一次的定时器
clearTimeout(timer)

循环执行的定时器
var timer = setInterval(函数, 时间)
关闭循环执行的定时器
clearInterval(timer)

window.location.href  //获取或者重定url地址
window.location.search //获取地址参数部分  ?后面的部分
window.location.hash //获取页面锚点或者叫哈希值  #后面的部分 如果有参数 写在参数的后面

创建对象

var hero = new Object();
hero.name = "jingke";
hero.age = "18";
hero.skill = function () {
    alert("隐身消失了");
}
console.log(hero);



function Student(name,age,sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
    this.say = function () {
        console.log('hehehe');
    }
}

var student01 = new Student("xiaoming",18,"nan");

Math对象

abs(x)      绝对值。
pow(a,b)    a的b次方
round()     把数四舍五入为最接近的整数
random()    返回 0 ~ 1 之间的随机数
max(x,y)    返回 x 和 y 中的最高值。
min(x,y)    返回 x 和 y 中的最低值。
sin(x)      弧度    
tan(x)      弧度  
cos(x)      弧度
floor(x)    向下取整
ceil(x)     向上取整