JavaScript 事件
事件对象
当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数
在事件对象中封装了当前事件相关的一切信息
比如：鼠标的坐标，键盘那个按键被按下，鼠标滚轮滚动的方向……
鼠标坐标显示练习clientX，clientY
分别获取鼠标指针的水平坐标，垂直坐标
12345678910111213141516171819202122232425262728293031323334353637383940<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> window.onl ...
JavaScript CSS相关操作
通过JS读取修改元素的样式
读取：元素.style.样式名
修改：元素.style.样式名 = 样式值
注意：
如果CSS的样式名中含有-，这种名称在JS中是不合法的
比如background-color
需要将这种样式修改为驼峰命名法：去掉-，将-后的字母大写
我们通过style属性设置的样式都是内联样式
内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示
但是如果在样式中写了!important，则此时样式会有最高的优先级
即使通过JS也不能覆盖该样式，此时将导致JS修改样式失效
所以尽量不要为样式添加!important
通过style属性设置和读取的都是内联样式
无法读取样式表中的样式
读取元素的当前显示样式
元素.currentStyle.样式名
只有IE支持！！！
getComputedStyle()这个方法可以获取当前样式，
这个方法是window的方法，可以直接使用
需要两个元素：
第一个：要获取样式的元素
第二个：可以传递一个伪元素，一般都传null
该方法会返回一个对象，对象中封装了当前元素对应的样式
可以通过对象.样式名来读 ...
JavaScript DOM
什么是DOM
DOM，全称Document Object Model文档对象模型
JS中通过DOM来对HTML文档进行操作。只要了解了DOM就可以随心所欲的操作WEB页面
文档
文档表示的就是整个HTML网页文档
对象
对象表示将网页中的每一个部分都转换为了一个对象
模型
使用模型来表示对象之间的关系，这样方便我们获取对象
简例
浏览器已经为我们提供了文档节点对象，这个对象是window属性
可以在页面中直接使用，文档节点代表的是整个网页
12345678<button id="btn">我是一个按钮</button><script> //获取到button对象 var btn = document.getElementById("btn"); console.log(btn.innerHTML); //修改按钮的文字 btn.innerHTML = "I'm Button";</script>
输出结果为：
事件
事件，就是用户和浏 ...
字符串与正则表达式
字符串的方法
在底层，字符串是以字符数组的形式保存的
例：var str = "hello";
底层：["h","e","l","l","o"]
字符串的大部分方法对原字符串都不会产生影响
length属性
用来获取字符串的长度
charAt()
可以返回字符串中指定位置的字符
根据索引获取指定的字符
与str.[]得到的结果相同
123var str = "Hello World";console.log(str.charAt(6));console.log(str[6]);
输出结果为：
charCodeAt()
可以返回字符串中指定位置的字符编码（Unicode编码）
fromCharCode()
可以根据字符编码去获取字符
该方法是通过调用String的构造函数调用
var result = String.fromCharCode(20);
concat()
可以用来连接两个或多个字符串
作 ...
JavaScript_Date与Math对象
Date对象
在JS中使用Date对象来表示时间
如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间
12var d = new Date();console.log(d);
输出结果为：
创建一个指定的时间对象
需要在构造函数中传递一个表示时间的字符串作为参数
日期的格式：月/日/年 时:分:秒
12var d2 = new Date("12/03/2016 11:10:30");console.log(d2);
输出结果为：
Date对象的常用方法
方法
概述
getDate()
从Date对象返回几日（1~31）
getDay()
从Date对象返回周几（0~6）0表示周日1表示周一
getMonth()
从Date对象返回月份（0~11）0表示一月1表示二月11表示十二月
getFullYear()
从Date对象返回年份
类似地getHours()getMinutes()getSeconds()getMilliseconds()
……
getTime()
获取当前日期对象的时间戳
时间戳 ...
JavaScript函数的方法
基础知识
函数也是对象
call()和apply()
这两个方法都是函数对象的方法，需要通过函数对象来调用
当对函数调用call()和apply()都会调用函数执行
12345678function fun(){ alert("我是fun函数！");}//效果相同fun.apply();fun.call();fun();
输出结果为：
在调用call()和apply()可以将一个对象指定为第一个参数
此时这个对象将会成为函数执行时的this
call()和apply()的作用：可以修改函数执行时的上下文对象
12345678910function fun(){ alert(this);}var obj = {name:"obj"};var obj2 = {name:"obj2"};//效果相同fun.call(obj2.name);fun.apply(obj2.name);
输出结果为：
若直接运行fun()， ...
算法学习<Java>笔记
循环与递归
递归调用仅仅是被调函数恰为主调函数
注意每次调用的层次不同
注意每次分配形参并非同一个变量
注意返回的次序
Q：打印从0 - n
循环
1234567891011public class A { //打印从0到n public static void fun(int n){ //循环 for (int i = 0; i <= n; i++) { System.out.println(i); } public static void main(String[] args) { fun(9); }}
递归
1234567891011public class A { //打印从0到n public static void f(int n){ //递归 if (n>0) f(n-1); System.out.println( ...
JavaScript数组
数组
数组也是一个对象
它和我们普通对象功能类似，也是用来存储一些值的
不同的是：
普通对象是使用字符串作为属性名的
数组是使用数字来作为索引操作元素
索引（index）
从0开始的整数就是索引
数组的存储性能比普通对象要高，在开发中我们经常使用数组来存储一些数据
12345678910111213141516171819202122232425262728//创建一个数组对象var arr = new Array();//使用typeof检查一个数组时，会返回object//console.log(typeof arr);arr[0] = 10;arr[1] = 33;arr[2] = 22;// 读取数组中的元素// 语法：数组[索引]// 如果读取不存在的索引，它不会报错，而是返回undefinedconsole.log(arr[3]);// undefined// 获取数组长度// 对于连续的数组，使用length可以获取到数组的长度（数的个数）// 对于非连续的数组，使用length会获取到数组的最大索引+1// 尽量不要创建非连续数组consol ...
公告
Java入门笔记已更新完毕！
JavaScript笔记已恢复更新
为了更好的阅读体验，关闭樱花飘落特效~
