▲JavaScript
*提供好了对象直接使用(不用创建)
*特点:交互性、安全性(不能访问本地硬盘)、跨平台性
▲Java和JavaScript的区别
*开发公司son和网景
*java面向对象,js基于对象
*java需要虚拟机,js只要浏览器支持
*js弱类型语言,java强类型语言
*java编译后运行,js直接运行
▲JavaScript特点
*ECMAScript 语法
*BOM 浏览器对象模型
*DOM 文档对象模型q
▲JavaScript和Html的结合方式
*<script type="text/javascript"></script>
-●根据不同场景放在不同位置
-●alert("弹出内容");
*<script type="text/javascirpt" src=""路径></script>
-外部引用:在里面写js代码不会执行,写在js文件里
▲JavaScript语法
*关键字 var 定义变量
*数据类型:
-string 字符串类型 var a="呵呵";
-number 数字类型 var a=10;
-boolean 布尔类型 var a=true;
-null 空
-undefined 定义变量没有赋值
*关键字 typeof(变量名) 查询变量类型
▲JavaScript引用类型和类型转换
*引用对象
-Object对象:
-Boolean
-Number
*强制转换
-parseInt()转为number
-parseFloat()转为boolean
▲JavaScript语句(和java语句相同)
*if
*switch
*while
*for
*●document.write(输出内容);向页面输出内容
▲JavaScript算数运算符
* + - * /
* +=
* ==
* && || !
*●字符串相加是连接;字符串相减,是减法运算,不能运算则输出NAN
*●布尔类型进行运算true当成1,false当成0
*●==比较的是值,===比较的是值和类型
▲JavaScript数组(什么都能装)
*var arr=[];
*var arr1=[10,"20",30];
*var arr2=new array[3];
*var arr3=new array[10,"20",true];
*●便利方式和java相同,也有length属性
▲JavaScriptde对象
*String对象
- .length 获取长度
-● .bold()加粗显示
-● .fontcolor("颜色")指定颜色
-● .fontsize("大小") 指定大小
-● .link("链接地址")显示为超链接
- .charAt(1)返回指定索引的元素
- .concat("b")连接字符串
- .indexof("a")返回第一次出现索引,没有返回-1
- .join("-") 按指定的字符串进行切割输出
- .split(" ")切割字符串,返回数组
-● .substr(a,b)截取字符串,从a开始截取b个
- .substring(a,b)截取字符串,从a开始截取到b
*Array对象
- .length 获取数组长度
- .concat() 连接数组,返回数组吃饭vdaSLKJ 末尾添加,并且返回长度
- .split() 数组根据指定字符间割输出,返回字符串
- .pop() 删除并返回最后一个元素
- .push() 末尾添加,并且返回长度
- .onshotr() 末前面加,并且返回长度
- .reverse() 反转数组
- .sort() 排序
*Math对象(直接调用)
- Math.ceil(a) a的天花板
- Math.floor(a) a的地板
- Math.round(a) a的四舍五入值
- Math.random() 生成0-1的随机数
*Date对象(时间)
- .toLocaleString() 转为本地时间
- .getFullYeat() 获取年
- .getMonth() 获取月(0-11)
- .getDay() 获取星期(0-6) 0为星期日
- .getDate() 获取日
- .getHouts() 获取小时
- .getMinutes() 获取分钟
- .getSeconds() 获取秒
- .getTime() 1970.1.1至今的毫秒值
*RegExp对象
- .test() 判断是否匹配
*bom对象
- navigator 浏览器信息
- screen 屏幕尺寸
- history 历史信息
history.go(+1) 网页+1前进 -1后退
- location 设置url
location.href ="链接" 跳转
- window()
--setInterval("执行代码",毫秒数) 在指定时间之后重复执行代码
--setTimeUnt(执行代码",毫秒数) 在指定时间之后执行一次代码
--clearinterval(id值)取消setinterval的重复动作
--cleartimeout(id值)
取消settimeout的重复动作
*全局函数
-eval("") 把字符串当作js代码执行
-isNAN("")判断不是数字
-parseInt()把字符串转换为整数
-encod;eURI()把字符串转为URI
-decodeURI()把URI转为字符串
JavaScript定义函数
*function aa(){方法体,返回值}
-返回值可以有,可以没有
function aa(a,b){var sum=a+b; return sum;}
-不用定义传入的参数,使用时传入值
*var aa= function(a+b){return a+b} 匿名函数
*var aa= new Fuction("a,b","var sum = a+b;return sum");动态函数
*arguments 传入参数的数组
JavaScript点击事件
*<input type="button" value="按钮" oclick="点击事件方法">
*<input type="button" id="buttonid" value="按钮">
document.getElementById(buttonid).oclick="点击事件方法";
*<input type="button" id="buttonid" value="按钮">
document.getElementById(buttonid).oclick="匿名方法";
*onload: 加载时触发 一般写载body里
*onclick:鼠标点击事件
*onfocus: 获取焦点触发
*onblur:失去焦点
*onmouseover 鼠标被移到某元素之上
*onmouseout 鼠标从某元素移开
*onkeypress:点击键盘上面的某个键,调用方法
*onkeydown 按下某个键
*onkeyup 松某个键
▲JavaScript DOM
*document
- .write() 向页面输出
- .getElementById() 根据id值获取标签对象
- .getElementsByName() 根据name值获取所有同名标签对象的数组
- .getElementsByTagName() 根据标签名获取所有同名标签对象的数组
*innerHTML
*获取标签里的内容
*向标签里面写内容
*from(οnsubmit="return aa()") 表单提交方式
*提供好了对象直接使用(不用创建)
*特点:交互性、安全性(不能访问本地硬盘)、跨平台性
▲Java和JavaScript的区别
*开发公司son和网景
*java面向对象,js基于对象
*java需要虚拟机,js只要浏览器支持
*js弱类型语言,java强类型语言
*java编译后运行,js直接运行
▲JavaScript特点
*ECMAScript 语法
*BOM 浏览器对象模型
*DOM 文档对象模型q
▲JavaScript和Html的结合方式
*<script type="text/javascript"></script>
-●根据不同场景放在不同位置
-●alert("弹出内容");
*<script type="text/javascirpt" src=""路径></script>
-外部引用:在里面写js代码不会执行,写在js文件里
▲JavaScript语法
*关键字 var 定义变量
*数据类型:
-string 字符串类型 var a="呵呵";
-number 数字类型 var a=10;
-boolean 布尔类型 var a=true;
-null 空
-undefined 定义变量没有赋值
*关键字 typeof(变量名) 查询变量类型
▲JavaScript引用类型和类型转换
*引用对象
-Object对象:
-Boolean
-Number
*强制转换
-parseInt()转为number
-parseFloat()转为boolean
▲JavaScript语句(和java语句相同)
*if
*switch
*while
*for
*●document.write(输出内容);向页面输出内容
▲JavaScript算数运算符
* + - * /
* +=
* ==
* && || !
*●字符串相加是连接;字符串相减,是减法运算,不能运算则输出NAN
*●布尔类型进行运算true当成1,false当成0
*●==比较的是值,===比较的是值和类型
▲JavaScript数组(什么都能装)
*var arr=[];
*var arr1=[10,"20",30];
*var arr2=new array[3];
*var arr3=new array[10,"20",true];
*●便利方式和java相同,也有length属性
▲JavaScriptde对象
*String对象
- .length 获取长度
-● .bold()加粗显示
-● .fontcolor("颜色")指定颜色
-● .fontsize("大小") 指定大小
-● .link("链接地址")显示为超链接
- .charAt(1)返回指定索引的元素
- .concat("b")连接字符串
- .indexof("a")返回第一次出现索引,没有返回-1
- .join("-") 按指定的字符串进行切割输出
- .split(" ")切割字符串,返回数组
-● .substr(a,b)截取字符串,从a开始截取b个
- .substring(a,b)截取字符串,从a开始截取到b
*Array对象
- .length 获取数组长度
- .concat() 连接数组,返回数组吃饭vdaSLKJ 末尾添加,并且返回长度
- .split() 数组根据指定字符间割输出,返回字符串
- .pop() 删除并返回最后一个元素
- .push() 末尾添加,并且返回长度
- .onshotr() 末前面加,并且返回长度
- .reverse() 反转数组
- .sort() 排序
*Math对象(直接调用)
- Math.ceil(a) a的天花板
- Math.floor(a) a的地板
- Math.round(a) a的四舍五入值
- Math.random() 生成0-1的随机数
*Date对象(时间)
- .toLocaleString() 转为本地时间
- .getFullYeat() 获取年
- .getMonth() 获取月(0-11)
- .getDay() 获取星期(0-6) 0为星期日
- .getDate() 获取日
- .getHouts() 获取小时
- .getMinutes() 获取分钟
- .getSeconds() 获取秒
- .getTime() 1970.1.1至今的毫秒值
*RegExp对象
- .test() 判断是否匹配
*bom对象
- navigator 浏览器信息
- screen 屏幕尺寸
- history 历史信息
history.go(+1) 网页+1前进 -1后退
- location 设置url
location.href ="链接" 跳转
- window()
--setInterval("执行代码",毫秒数) 在指定时间之后重复执行代码
--setTimeUnt(执行代码",毫秒数) 在指定时间之后执行一次代码
--clearinterval(id值)取消setinterval的重复动作
--cleartimeout(id值)
取消settimeout的重复动作
*全局函数
-eval("") 把字符串当作js代码执行
-isNAN("")判断不是数字
-parseInt()把字符串转换为整数
-encod;eURI()把字符串转为URI
-decodeURI()把URI转为字符串
JavaScript定义函数
*function aa(){方法体,返回值}
-返回值可以有,可以没有
function aa(a,b){var sum=a+b; return sum;}
-不用定义传入的参数,使用时传入值
*var aa= function(a+b){return a+b} 匿名函数
*var aa= new Fuction("a,b","var sum = a+b;return sum");动态函数
*arguments 传入参数的数组
JavaScript点击事件
*<input type="button" value="按钮" oclick="点击事件方法">
*<input type="button" id="buttonid" value="按钮">
document.getElementById(buttonid).oclick="点击事件方法";
*<input type="button" id="buttonid" value="按钮">
document.getElementById(buttonid).oclick="匿名方法";
*onload: 加载时触发 一般写载body里
*onclick:鼠标点击事件
*onfocus: 获取焦点触发
*onblur:失去焦点
*onmouseover 鼠标被移到某元素之上
*onmouseout 鼠标从某元素移开
*onkeypress:点击键盘上面的某个键,调用方法
*onkeydown 按下某个键
*onkeyup 松某个键
▲JavaScript DOM
*document
- .write() 向页面输出
- .getElementById() 根据id值获取标签对象
- .getElementsByName() 根据name值获取所有同名标签对象的数组
- .getElementsByTagName() 根据标签名获取所有同名标签对象的数组
*innerHTML
*获取标签里的内容
*向标签里面写内容
*from(οnsubmit="return aa()") 表单提交方式