HTML

JS的基本介绍：

JS，其实就是一种网页的脚本语言。可以控制浏览器，网页的行为。

所以又称之为“动词”；

原生的JS，简单但是使用起来较复杂。

JS标识：

1、JS需要在HTML代码中用Script标识的。

2、标准的Script需要加入type属性。type="text/javascript"

3、script的位置根据特定的情况而定。

JS输出：

1、alert(输出内容);//警告框

2、console.log(输出内容);//一般用于控制台输出。

注意：一般集合类型，建议都是控制台输出

JS注释：

//单行

/**/多行

JS变量：

所有的变量可以用var声明。

JS运算符：

-+*/%都可以使用。

1、但是+在运算的时候如果与字符串在一起运算，那么起到的就是连接符的作用。

2、注意：包括字符串在内所有的运算符会遵守优先级。

注意：parseInt("10");为强制转化成整型。

parseFloat("10")；为强制转化为浮点型。

typeof(10+"")；typeof为显示数据类型。

JS三大弹出框：

1、alert警告框

2、confirm确认框。返回的是布尔类型

if(confirm("确认要关闭吗？")){

window.close();

}

3、prompt输入框(标题输入框，默认值)

vara=prompt("请输入你喜欢的动物","猪");

alert(a);

JS数组：

1、定义一个数组：

vararr=newArray();

vararr=[1,2,3,5,5,6,7];

2、往数组里添加一个元素

arr.push();注意：是尾部添加

3、从数组里删除一个元素

arr.pop();注意:是尾部移除。

4、arr.length数组的长度

5、遍历：

for(vari=0;i<arr.length;i++){

console.log(arr[i]);

}

js一般把键值对叫做对象。

6、键值对表示方式为：

vararr={"a":"b","c":"d"}

取出键值对的值：

arr.a;

vararr={"a":[1,2,3,4,5]}

console.log((arr.a)[2]);

js特殊值：

1、NaN:无法识别数据类型。一般是由运算造成的。

2、undefined

1、初始化没有赋值的时候，打印会undefined；

2、在取值的时候，如果目标值不存在，会打印undefined;

注意：变量在初始化的时候，默认值是undefined，如果没有给出具体的值，相当于没有找到引用对象，这个时候该引用会去找最近一个有值变量。

3、null空值

1、一般是指对象本身是null值的时候打印。

2、选择器获取不到相关控件的时候，一般会显示null

js函数：function关键字

functionabc(){

alert(1);

}

abc();

1、函数有作用域。

2、作用域内优先使用自己的变量。再考虑作用域外的变量。

3、作用域包括形参。

4、如果在作用域范围内，重新定义，那么它将不会污染全局变量。

5、如果在作用域范围内，直接使用或者定义，那么将可能污染全局变量。

6、在弱语言中，重复定义，没有定义都是没有错的。但是不推荐此种做法。

//动态调用函数方式。

vara=abc;//abc为函数名

a();

//封装函数写法

vara={

"userName":　"jabez.huang",

"userPwd":　"123456",

init:function(){

returnthis;

}

};

js三大选择器：

1、ID选择器document.getElementById("a")

2、Name选择器document.getElementsByName("a")[]

3、类选择器document.getElementsByClassName("a")[]

4、Tag选择器document.getElementsByTagName("a")[]

.value一般文本框、下拉菜单等只要有value属性设置的值。都可以用value方法获取或者设置。

.checked用来获取相关复选框，单选框是否被选中的值。

.innerHTML用来设置或者获取元素的内容，包括设置或者获取HTML。

.innerText用来设置或者获取元素的内容，不包括设置HTML。

2、JS事件

JS事件：

1、全局事件。也就是说任何在该页面发生的某种事件，都可以被监听。

2、在外部监听某一个控件的事件的形式。

3、在控件内部监听。

控件内部监听事件：

1、通过传参的方式，获取相关的控件对象的属性值

functiongoto(dom){

window.open(dom.value);

}

<inputtype="text"value=""onclick="goto(this)"/>

2、通过普通的选择器方式，获取相关的控件的值

funtiongoto(){

document.getElementById("url").value

}

<inputtype="text"id="url"onclick="goto()"/>

新语法：url.indexOf("www")，返回找到字符串的索引位置。否则返回-1；

新语法：url.split(","),返回字符串分割后的数组。

JS的其他事件：

1、点击事件onclick

2、失焦事件onblur失去焦点，常用于表格填写。

3、聚焦事件onfocus

4、改变事件onchange

5、鼠标移动事件onmousemove

6、鼠标移入事件onmouseenter注意：需要表示一个控件

7、鼠标移出事件onmouseleave

8、鼠标弹起事件onmouseup

9、鼠标移动元素触发事件onmouseout

10、鼠标移到元素上onmouseover

11、键盘事件onkeyup/onkeydown/onkeypress

keyCode=回车13

keyCode=左37上38右39下40

keyCode=空格32