一.js内置对象(最常用的):
默认就有的,不需要自己实现,直接使用即可
window对象:
所有全局的变量都是window的属性(非绝对);
所有全局的函数都是window的方法(非绝对)。
document(文档)对象:
每个载入浏览器的HTML文档都会成为Document对象;Document对象可以对HTML页面中的所有元素进行访问,常用的操作有增、删、改、查。
Document对象是Window对象的一部分,可通过window。document属性对其进行访问。
常用的对象方法:
write()向文档写HTML表达式或JavaScript代码;
writeln()等同于write()方法,不同的是在每个表达式之后写一个换行符。
注意:window的对象的window一般省略不写
二、通过js控制网页的结构和样式
一个完整的网页主要包括:
结构:html;
样式:css;
行为:js
js最大的作用在于其可以动态控制网页的结构和样式。
2.1js通过获取DOM对象来操作对象
document.getElementById 根据id获取DOM对象
document.getElementByClassName 根据class获取DOM对象
document.getElementByTagName 根据tag标签名获取DOM对象
document.getElementByName 根据name获取DOM对象
h5新增属性:
document.querySelector('选择器') 根据选择器获取对象
document.querySelectorAll('选择器') 根据选择器获取对象
值得注意的是,除了id和selector返回的是一个元素(element)外,其他返回的都是一个数组(nodelist)。
js通过style属性修改对象的css样式:document.getElementByTd('id名').style.width = '300px';
三、js中的函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块;等同于中国四大发明中的印刷术。
函数声明:function fn(){};
函数传参:参数分为形参和实参;
形参:形式参数,用来接收调用该函数时传递的参数,用于函数体内部;
实参:调用时传递给函数的参数,可以是常量、变量、表达式、函数,但必须是一个确定值。
arguments:
javascript在创建函数的同时,会在函数内部创建一个arguments对象实例;
arguments是存储了函数传送过来的实参。argument是对象只有函数开始时才可用;
它并不是一个数组,但访问单个参数的方式与访问数组方式相同;
arguments对象的长度是由实参个数而不是形参个数决定的。
函数表达式,又叫函数字面量(匿名函数):
var sum = function(n1,n2){
return n1+n2;
}
函数和匿名函数区别:
解析器会先读取函数声明,并使其在执行任何代码之前可以访问;
而函数表达式则必须等解析器执行到它所在的代码行才会真正被解释执行。
四、js中的变量和作用域
在程序运行过程中允许改变的量,简称变量。
变量的作用域:
作用域:在特定的一个范围内起作用。
全局变量:(作用于函数体内外部)
在函数体外部声明的变量
在函数体内部,没有加var关键字声明的变量
局部变量:(作用于函数体内部)
在函数体内部,通过var关键字声明的变量
注意:var a=b=c =2;a为局部变量,b、c为全局变量
五、js中的事件原理
事件的三要素:事件源 事件 事件处理程序
事件源:可以理解为要执行事件的本体,js中主要指DOM对象,
事件:可以理解为执行事件的动作,js常见的事件有、按下、鼠标经过、鼠标移动、键盘按下等
事件处理程序:可以理解为你要做的事,js中主要以函数的形式体现。
六、js中常用的事件
onmouseover 和 onmouseout 和 onmousemove
onmouseover:鼠标进入
onmouseout:鼠标离开
onmousemove:鼠标移动
七、js的书写位置
js代码在文档中的书写位置,主要可以分为:行内式,内嵌式和外链式
js是用来处理页面的css样式时放title后面,一般放在body结束标签前
八、js中的变量提升
function函数作用域里的变量会遮盖了上层作用域变量;
在function作用域内,变量的声明被提升了
九、return返回值
一个函数实际上就是一个计算过程,计算完成之后的结果就是返回值。
函数返回值:
在函数内部用return来设置返回值,一个函数只能有一个返回值;
同时,终止代码的执行;
所有的自定义函数默认没有返回值