一,方法
方法;为完成功能设置的代码块
方法的提供;
1,系统自带的方法
alert()
comfIrma()
document
2,自定义方法;
function 方法名(形式参数){
声明变量;
方法体(代码块)
return 返回值,
}
function js方法的关键字,说明是法国法代码块;
变量:全局变量 和 局部变量
全局变量:声明在js范围内,方法外面声明的变量,作用范围是js
范围是全部使用
局部变量:声明在方法里面作用范围:本方法中使用,本方法外不能使用,
二,参数,形式参数,实际参数
形式参数,为了实现方法,假定声明的变量
形参是在创建设计的方法的时候声明
实际参数,:简称实参,方法使用过程中,实际形参的值
实参实在调用方法的时候使用,
三,返回值;
方法完成后,如果需要方法完成后的信息,需要返回此信息,反之不需要,
利用return
return:马上跳出返回值的关键字方法,return后面的代码不会执行,
西:匿名方法
不需要方法名创建和使用方法
匿名方法的结构;
function(形参){
//方法
}
一般创建匿名完成侯,直接使用了
//匿名方法 直接使用
(function () {
document.write("匿名方法被调用")
})();
var method = function () {
alert("匿名方法弹框")
}
//调用方法 通过变量名调用
method();
五,js中常用的事件
事件:达到了临界条件,自动触发方法,
onfocus=“(达到事件条件触发的方法)”
onfocus;获取鼠标光标,
onblur:失去鼠标光标;
onclick:鼠标点击,
onmouseover:鼠标悬停,与CSS中的伪类效果hover是一致的
onchange标签的值发生改变
onsubmit:表单提交
onload:页面加载
onkeydown;按键按下
onkeyup:按键松开;
关键字;
this:当前标签,当前对象,在那个标签中使用就是指那个标签,
value:属性:input 中的值
innerHTNL;属性:innerHTNL标签对中的内容;
<div>innerHTNL </div>
<p> innerHTNL </p>
<a> innerHTNL </a>
六,DOM操作
1,DOM:document object model 文档 对象 模型
2.在页面加载的时候,浏览器创建插件页面的文档对象模型,操作页面的任何元素,
3,
1)操作innerHTML改变页面中的标签内容
2)操作样式style,改变标签的样式
3)操作事件,对事件进行操作
4)操作属性,改变页面中标签中的属性
4,DOM操作标签,获取标签
1)通过id获取标签 返回一个标签
a,标签定义了id选择器
b,通过DOM对象的方法获取此标签
document.getElementById(”id名字“)
2)通过class获取标签,返回标签的数组
a,标签定义了class选择器
b,document.getElementsById("类名")
3)通过标签名:tagName获取标签,返回标签的数组
方法,document.getElementsByTagName("标签名")
4)通过name获取标签,返回标签的数组
a,先定义name的值
b,方法 document。getElementsByName("name")