javascript

javascript

简介:

面向对象编程的脚本语言,与java没有关系,简称js 作用:针对网页上的标签(元素、对象),进行属性修改,达到页面元素发生改变的特效。 脚本语言:在客户端浏览器上运行的语言,面向对象编程:通过对象.属性和对象.方法()的语法来执行。 程序语言:在服务器上运行语言。

页面引入js

js基本语法:

注意:js与java完全没有关系,但是语法遵循java语法。

定义变量、变量赋值、运算符、循环、判断与java基本类似,不同的语法会着重讲解。

1:数据类型:    
基本数据类型:字符串类型(string)    数字类型(number)    布尔类型(boolean)    
2:定义变量:    
var a1 = 1;    
var a2 = "1";     
var a3 = true;    
console.log(a1);        //浏览器控制台输出命令:浏览器F12,找console    
console.log(a2);    
console.log(a3);    
console.log(typeof a1);    
console.log(typeof a2);    
console.log(typeof a3);
3:运算符、循环、判断与java基本一致

函数:

分为系统函数、自定义函数

自定义函数:

在部分代码块封装在一个代码块中,叫做函数。随时提供调用

1:定义函数:
function 方法名(){    
    方法体
}样例:
    
注意:自定义函数必须依靠事件来调用。
2:参数:    形参:定义函数时,小括号里的变量    实参:调用函数时,小括号里的具体内容,    注意:形参、实参个数、数量、数据类型必须一一匹配。
3:返回值
function 方法名(){    
    return "abc;    
    return 123;    
    return true;    
    return 数值;
}

事件:

点击事件:onclick    <标签 οnclick="方法()">:给该标签添加点击事件,当该标签发生点击事件时,自动执行该方法()
鼠标指上事件:onmouseover:    <标签 οnmοuseοver="方法()">: 给该标签添加指上事件,当该标签发生指上事件时,自动执行该方法()
鼠标离开事件:onmouseout:    <标签 οnmοuseοut="方法()">: 给该标签添加离开事件,当该标签发生离开事件时,自动执行该方法()
网页加载完成事件  onload:针对body标签    
文本框获得焦点事件:onfouce:
文本框失去焦点事件:onblur:    
下拉框选项改变事件: onchange: