JavaScript基础-11
document对象的概念浏览器对外提供的支持js的用来操作HTML文档的一个对象，此对象封存的HTML文档的所有信息。所有的dom操作都是操控dom对象里的信息对html文档进行改变
document的使用-获取HTML元素对象
获取HTML元素对象-window可以省略
直接获取方式：
通过id-window.document.getElementById(id名);
通过name属性值-document.getElementsByName(name名);
通过标签名-document.getElementsByTagName(标签名);
通过class属性值-document.getElementsByClassName(class名);
间接获取方式：
父子关系
先获取父级元素对象，再通过父级对象获取子元素对象
var showdiv=document.getElementById(“showdiv”);
var childs=showdiv.childNodes;
子父关系
先获取子元素对象，再通过子元素对象获取父级元素对象
var inp=document.get ...
JavaScript基础-10
BOM浏览器对象模型BOM浏览器对象模型是规范浏览器对js语言的支持(js调用浏览器本身的功能)。BOM的具体实现是window对象
window对象学习-1
window对象不用new，直接进行使用即可，类似Math的使用方式，window关键字可以省略不写。
框体方法
alert:警告框 提示一个警告信息，没有返回
confirm:确认框 提示用户选择一项操作（确定/取消）
点击确定 返回true
点击取消 返回false
prompt:提示框， 提示用某个信息的录入或者说收集
点击确定，返回当前用书录入的数据，默认返回空字符串
点击取消,返回null
定时和间隔执行方法
setTimeout:指定的时间后执行指定的函数
参数1：函数对象
参数2：时间，单位毫秒。
返回值：返回当前定时器的id
setInterval:每间隔指定的时间执行指定的函数
参数1：函数对象
参数2：时间，单位毫秒。
返回值：返回当前间隔器的id
clearTimeout:用来停止指定的定时器
参数：定时器的id
...
JavaScript基础-9
事件机制解释：当我们的行为动作满足了一定的条件后，会触发某类事务的执行。作用：主要是结合js的函数来使用。
单双击事件
单击：onclick 当鼠标单击的时候会触发
双击：ondblclick 当鼠标双击的时候会被触发
鼠标事件
onmouseover 当鼠标悬停在某个HTML元素上的时候触发
onmousemove 当鼠标在某个HTML元素上移动的时候触发
onmouseout 当鼠标在某个HTML元素上移出的时候触发
键盘事件
onkeyup 当键盘在某个HTML元素上弹起的时候触发
onkeydown 当键盘在某个HTML元素上下压的时候触发
焦点事件
onfocus 当某个HTML元素获取焦点的时候触发
onblur 当某个HTML元素失去焦点的时候触发
页面加载事件
onload 当页面加载成功后触发。
注意
js中添加事 ...
JavaScript基础-8
常用的对象和方法String对象学习
声明String对象-new String(字符串)
var str=new String(“abcdefg”);//声明String对象存储字符串
var str2=”MNP”;//简写形式
字符串大小写的转换-toUpperCase(),toLowerCase()
str.toUpperCase;//将字符串转换为大写
str2.toLowerCase();//将字符串转换为小写
字符串的切割-s.split(指定字符)
var s=”哈哈,嘿嘿,呵呵”;
var s1=s.split(“,”);//按照指定的字符切割字符串，返回数组。
alert(s1.length);
字符串的截取-substr(开始位置，截取长度);
var s=”abcdef”;
alert(s.substr(1,3));//从指定的开始位置截取指定长度的子字符串
alert(s.substring(1,3));//从指定的开始位置和指定的结束位置截取子字符串，含头不含尾。
查找子字符串第一次出现的角标-indexOf(字符串)
var s=”abcd ...
JavaScript基础-7
类学习
类的声明
123456function 类名(形参1，形参2……){ this.属性名1=形参1; this.属性名2=形参2; …… this.属性名=fn}
类的使用
var 对象名=new 类名(实参1，实参2……);
注意：js中类的内容只是对象的公共部分，每个对象还可以自定义的进行扩充。因此给一个类中没有的属性赋值也是可以的，不赋值使用则是undefeated
类的”继承”：prototype关键字
通过prototype关键字实现了不同对象之间的数据共享。
实现某个类的所有子对象的方法区对象的共享，节省内存12345678910111213141516171819202122232425262728<script type="text/javascript"> //1、类的声明--person function Person(name,age){ Person.prototype=new User(); this.name=name; this.age=age; ...
JavaScript基础-6
函数学习
函数的声明
function 函数名(形参名1,形参名2……){执行体}
var 函数名=new Function(“形参1”,”形参2”……,”函数执行体”);
注意：此声明表明在js中函数是作为对象存在的。
var 变量名=function(形参名1,形参名2……){函数执行体}
函数的参数
js中的函数在调用时，形参可以不赋值，不会报错
js中的函数在调用时，形参赋值可以不全部赋值，不会报错，但是实参会依次进行赋值。
函数的返回值
在js中如果函数有返回值则直接返回，没有返回值默认返回undefined
注意：js的代码声明区域和执行区域是一起的，都是在js代码的代码域中。
1234567891011121314151617181920212223242526272829<script type="text/javascript"> //1、声明函数 //方式一: function test1(a1,a2) { alert("函数声明一"); ...
JavaScript基础-5
数组学习
数组的声明
var arr=new Array();//声明一个空数组对象
var arr=new Array(length);//声明一个指定长度的数组
var arr=[元素];//声明数组(最常用)
注意：js中的数组声明不用指定长度，js的数组长度是不固定的，会随着元素的数量改变而改变。
数组的赋值和取值
数组可以存储任意类型的数据
数组名[角标]=值;//角标可以是任意的正整数或者是0
数组的取出
数组名[角标]//返回当前角标对应存储的值
如果角标不存在，返回undefined;
数组的length属性
数组名.length//返回当前数组的长度。
数组名.length=新的值//动态的改变数组的长度
注意：length>原有长度，则使用空进行填充。
length<原有长度，则从后面进行截取，最后的数据会被删除。
数组的遍历
普通for循环123for(var i=0;i<arr.length;i++){ alert(arr[i]);}
for-in-获取的是角标123for(var i in arr)&# ...
JavaScript基础-4
JavaScrpit中==和===的区别
等值运算符:==
先判断类型，类型一致则直接比较。
类型不一致，则先使用Number()进行强转后再进行比较。
等同运算符:===
先判断类型，类型一致则再比较内容，内容一致则返回true，内容不一致则返回false。
类型不一致则直接false
注意：null和undefined在做==判断时候返回true
逻辑结构
if结构
单分支结构：
if(判断条件){执行体}
双分支：
if(判断条件){执行体}else{执行体}
多分支：
if(判断条件){执行体}else if(判断条件){执行体}……else{执行体}
swicth选择结构：
注意：判断的变量可以是number类型也可以是string类型，但是不要混用。
循环结构：
for(变量;条件;迭代条件){循环体}循环
while(循环条件){循环体}
do{循环体}while(循环条件)—至少循环一次
JavaScript基础-3
数据转换
其他类型转换为number类型-使用Number()
string 类型的数字字符: 对应的number数字
string 非数字字符: NaN(number类型)
boolean true: 1
boolean false: 0
object 有具体的值: 数字
object null: 0
其他类型转换为boolean 类型-使用Boolean()
number 正数或者负数： true
number 0 : false
string 非空字符串 : true
string 空字符串 “”: false
object 具体的对象 : true
object null : false
声明不赋值的变量 : false
运算符学习
算术运算符：加法：+，减法：-，乘法：*，除法：/，余数：%
在算术运算中如果两边的数据类型不是number的话，会使用Numb ...
JavaScript基础-2
变量声明学习
js中的所有变量声明只有var关键字。（弱类型语言）
var a=123;
var A=1234;
var a1=3.1415926;
var a2=”js”;
var a3=’k’;
var a4=true;
var a5=new Date();
注意：
js的变量名是严格区分大小的。
js中的字符串可以使用双引号也可以使用单引号。
js中可以声明同名变量，不会报错，后面的会将前面的声明覆盖。(重要)
var a=123;
var a=”js学习”;
alert(a);-输出js学习
数据类型
数据类型判断关键字：typeof
number:数字类型
var b=456;
var b1=1.23;
string：字符串类型(小写)
var b=”今天天气真好，适合学习”;
var b1=’l’;
boolean:布尔类型
var b=true;
var b1=false;
object：对象
var b=new Date();
null:
空对象赋值，主要是和undefined进行区分。
Undefined:undefined
var c; ...
