【转型JAVA之JS进阶 day05】

文章目录 一点感悟一、CSS 学习资料二、学习计划三、学习感悟第5章 小程序，大作用（函数）第6章 事件响应，让网页交互 总结

---

一点感悟

在了解和学习了JavaScript基础后,来到JavaScript进阶篇

---

一、CSS 学习资料

课程依然是慕课网
JavaScript进阶

二、学习计划

初步方案,每天60分钟学习。

三、学习感悟 第5章 小程序，大作用（函数）

掌握函数的定义、引用、传参、返回参数

第6章 事件响应，让网页交互

JavaScript和HTML之间的交互是通过用户和浏览器 *** 作界面引发的事件来处理，本章介绍事件处理的概念，常用触发事件。
(看到这个事件列表我的第一反应不是 以前用过的某个语言而是想起了魔兽世界里面的插件编写)

主要事件

事件	说明
onclick	鼠标单击
onmouseover	鼠标经过事件
onmouseout	鼠标离开事件
onchange	文本框内容改变事件
onselect	文本框内容被选中事件
onfocus	光标焦点
onblur	光标离开
onload	网页导入
onunload	关闭网页

第7章 JavaScript内置对象
了解JavaScript自带一些内置对象，掌握Math、Date、字符基础对象和方法
Date对象

Date对象的常用方法

方法名称	功能描述
get/setDate()	返回/设置日期
get/setFullYear()	返回/设置年份,用四位数表示
get/setYear()	返回/设置年份
get/setMonth()	返回/设置月份 0:一月...11:十二月,所以加一
get/setHours()	返回/设置小时,24小时制
get/setMinutes()	返回/设置分钟数
get/setSeconds()	返回/设置秒钟数
get/SetTime()	返回/设置时间(毫秒为单位)

String 字符串对象

stringObject.toLowerCase(); //字符串转小写
stringObject.toUpperCase(); //字符串转大写
stringObject.charAt(index); //返回指定位置的字符
stringObject.indexOf(substring, startpos); //返回字符串首次出现的位置
stringObject.split(separator,limit); //字符串分割
stringObject.substring(startPos,stopPos); //提起字符串,注意如果stopPos比startPos大,在执行前会交换两个参数 substring(起始索引值，结束索引值)
stringObject.substr(startPos,length); //提取指定数量的字符串 substr(起始索引值，提取个数) 

Math对象

Math.ceil(x); //向上取整
Math.floor(x); //向下取整等数学函数
Math.round(x); //四舍五入取整数
Math.random(); //返回随机数

Array 数组对象

arrayObject.concat(array1,array2,...,arrayN); //数组连接
arrayObject.join(分隔符);//join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 
//document.write(myarr3.join("-"));
arrayObject.reverse();//reverse() 方法用于颠倒数组中元素的顺序
arrayObject.slice(start,end);//返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。
arrayObject.sort(方法函数); //1.如果不指定<方法函数>，则按unicode码顺序排列。
//2.如果指定<方法函数>，则按<方法函数>所指定的排序方法排序。
/*
  若函数返回值
  若返回值<=-1，则表示 A 在排序后的序列中出现在 B 之前。
  若返回值>-1 && <1，则表示 A 和 B 具有相同的排序顺序。
  若返回值>=1，则表示 A 在排序后的序列中出现在 B 之后。
*/

排序示例(升序)

function sortNum(a,b) {
return a - b;
}
var myarr = new Array(80,16,50,6,100,1);
document.write(myarr.sort(sortNum));

总结

JavaScript 函数和其他编程语言大同小异