JavaScript(BOM+DOM+ECMAScript)
--JavaScript是一种弱类型语言,即在运行时才检查数据类型和语法。
--js也分为基本数据类型和引用数据类型
{
重要的方法:
parseInt(a);//a转化为整形
parseFloat(b);//b转化为浮点型
两个调试常用的方法:
console.log();
alert();
关于判断两个变量相当的注意事项:
==:比较时会进行类型的自动转换,会转化为同一类型再比较
===:比较时不进行类型的转换,直接比较
}
页面代码加载顺序:从上到下,包括所有HTML css javascript ----所以使用js时要保证要使用的元素已经加载
使用 window.onload进行页面的加载
调用时进行页面的加载--然后再加载js代码
预加载方式:(原生JavaScript使用window.onload进行预加载)
JS事件:
JavaScript是基于事件驱动的,只有通过事件源(例如按钮)触发事件(例如点击)才调用JS代码
DOM对象:
获取DOM节点,使用DOM模型接口的方法
var v = document.getElementById();
var v = document.getElementBy***();
精确查找DOM节点
Father节点.firstChild
Father节点.childNotes
操作DOM节点
--增删替换DOM节点
BOM对象:
window:BOM中的顶级对象
screen:存放显示浏览器屏幕信息
navigator:正在使用浏览器的属性
history:保存浏览器历史记录信息
location:存放页面的url路径,用于页面跳转 ----location.href = ""
javascript的内置对象:
String对象:
Array对象:
Date对象:
Math对象:
this的定义和使用:
谁来调用我,我就代表谁
JQuery(封装了原生的JavaScript,简化了获取元素和操作元素方式)
DOM对象和JQuery对象的区别:
DOM对象:DOM-文档对象模型,可以使用原生JavaScript里面的方法。
JQuery对象:JQury对象就是通过JQuery包装DOM对象后产生的对象,不再使用原生JavaScript里面的方法。
在文档载入后加载JQuery代码方式
$(document).ready(function(){
//JQuery代码
});
通常用它的简写形式
$(function(){
//JQuery代码
});
DOM对象和JQuery对象的转换
Dom-->Jquery-------$(dom结点);
Jquery-->Dom-------JQuery对象[0] 或者JQuery对象.get(0);
获取DOM对象数组中某个DOM|获取JQuery对象数组中的某个对象
dom对象数组[index]------index为dom结点在数组中的索引
JQuery对象数组.eq(index)------index为JQuery对象在数组中的索引
DOM对象和JQuery对象操作HTML属性和改变样式
DOM对象:
{
1、获取/设置固有属性:dom对象.属性/dom对象.属性=值
2、获取/设置参数(包括属性):dom对象.getAttribute("参数名")/dom对象.setAttribute("参数名",“值”);
3、获取和改变样式(其实也是属性,改变行内样式):
--获取到每个dom结点(对数组来说要遍历)
* 获取:dom对象.style.样式名
* 设置:dom对象.style.样式名=属性值
}
JQuery对象(通过选择器获取到的对象):
{
1、获取/设置固有属性:JQuery对象.prop("参数名")/JQuery对象.prop("参数名",“值”)
{
提供了更多方法:
获取属性value的值---val();
..查API
}
2、获取参数(包括属性):JQuery对象.attr("参数名")/JQuery对象.attr("参数名",“值”);
3、获取和改变样式(其实也是属性,改变行内样式):
* 获取:JQuery对象.css("样式名")
* 设置:JQuery对象.css("样式名","值")
}