1.MyEclipse
2.DeBug
3.Junit
*导包 (junit4)
*@Test
*Public
*void
4.自动拆箱 装箱
int i = new Integer(10);// 可以 拆箱 .原理: 自动拆箱 ==> 调用 intValue();
Integer i = 10; //自动装箱 valueOf()
5.变长参数
public int add(int a, int b);
public int add(int a, int b , int c);
优化:
public int add(int[] arr);
优化:
public int add(int... arr); (变长参数)
编译器会把15行的和17行的两个方法当做一个方法.变长参数最后还是会被编译成数组.
注意: 1.变长参数 必须出现在最后
2.一个方法最多只能有一个变长参数.
6.增强for循环
可以被增强for循环遍历的.
1.数组 原理 就是普通for循环
2.实现了iterable 接口的 类 Collection --> List Set 原理就是迭代器
增强for循环:
1.没有角标的概念
2.不能选择开始循环的位置
3.不会提高遍历的效率.
4.编译器做的工作.
7.泛型
就是给容器定义规则. 存放 和 取出的规则.
使用:
List<String> list = new ArrayList<String>();
list.add(1); //会报错. 因为咱们之前没学泛型时, 从集合取出全都是object.一定涉及到强转.强转有风险. 使用泛型之后,将错误提前到了编译期.提高了安全性.
定义泛型类:
//1声明泛型 建议使用单个大写字母
public class Bag<T>{
//2 在类中使用声明的泛型 定义变量 或者方法
private T o;
public T get();
public void set(T o);
}
*了解内容 (定义泛型方法.)
8.枚举
public static final int MEN = 1;
public static final int WOMEN = 0;
enum Sex{
MEN,WOMEN //分号如果不加,后面不允许出现其他内容.
}
了解内容(在枚举中定义 属性, 方法, 构造方法,抽象方法)
9反射
给你一个字符串
"cn.itcast.Car.show()"
创建Car实例
调用show方法
spring , struts , hibernate 都是基于反射.
1.得到Class
Class c = Class.forName("cn.itcast.Car"); //
2.得到show方法
Method m = c.getMethod("show"); //获得show方法
3.创建Car对象
Car car = c.newInstance(); //走的空参构造方法
4.运行show方法
m.invoke(car); //
//--------------------------------------------------------------------------------
1HTML ==> 超文本 标记语言
Hyper Text Markup Language
超文本 : 超链接
标记语言: 就是标签构成的语言. 使用不同标签来表达不同内容.
2元素(标记,标签):
一对简括号包裹的单词.
单词不能以数字开头
忽略大小写(推荐小写)
元素可以不闭合,但是不推荐.(HTML不是一门严谨的标记语言)
自闭合标记.(<br/> , <hr/>)
标签可以嵌套,但不要交叉嵌套.
3属性:
属性通常都是键值对.
属性值必须使用""或''包裹.
属性必须出现在开始标签中.
自闭合标签 也可以有属性.
属性键值相同.可以忽略属性值.例如: selected = "selected" 那么可以这样写 selected
4HTML 文档构成
根元素是<html>
在根元素中分为两部分 <head><body>部分
head部分 : 标题,引入其他资源, meta(元信息) ...... 需要显示在正文中的内容 不要写在head中.
body部分: 网页的正文部分.
5基本标签:
<br> 换行
<hr> 水平线
<p> 段落标签
<hn> 标题标签 1~6 从大到小
<font> 文字标签 属性 color size face 颜色 大小 字体
<b>,<strong>:加粗
<strike>:删除线
<u>:下划线
<sub>,<sup>: 上角标 下角标
实体(转移字符): 空格: 大于号:> 小于号 <
6列表标签
带层次的列表
DL 定义一个列表
DT 列表的标题
DD 列表的描述(每一项)
有序列表
ol : 有序列表 type 标号的类型 start属性
无序列表
ul : 无序列表 type 标号的类型
li: 有序无序列表中每一项
7超链接标签
两种用法:
1.作为超链接使用,(跳转资源)
<a> 的href属性 指定跳转资源的路径
协议名+资源路径
http://www.baidu.com/
mailto:liuyd@itcast.cn
相对路径
href="aaa.html" ==>在当前目录下 寻找aaa.html
href="./aaa.html" ==>在当前目录下 寻找aaa.html
href="../aaa.html" ==>在上级目录下 寻找aaa.html
2.作为锚使用
1.定义锚点位置
<a name="锚点名称">
2.跳转锚点
<a href="#锚点名称">
8图像标签
<img>标签
src:指定图片路径
alt:对图片描述
width:宽 会对图片进行缩放.
9.table
用来做布局:层次太深.
1.人阅读 不便.
2.搜索引擎阅读 不便.
table 表达表格
tr 表示表格的行
th 表格的表头单元格(居中,加粗)
td 普通单元格
table属性:
border : 边框
height : 高度(api中没有)
width : 宽度
cellpadding: 内边距
cellspacing :外边距
td.th的属性:
rowspan : 单元格竖占多少行
colspan : 单元格横占多少列
注意: 如果表格最多有5行,那rowspan 最多写5.写6没效果. colspan同理.
(了解)
thead(了解)
tbody ==> 用来给tr 分组. 浏览器在加载时,会以tbody为单位加载.
tfoot(了解)
10.form(最重要)
<form> 需要提交的内容用
action: 指定提交的路径
method: 提交方式
get: url上显示键值对
1.安全性差
2.长度限制 1kb
post: 不在url上显示
1.安全性好
2.长度理论上无限制.
input :
type属性 :
text: 文本框
password: 密码框 (不会将填写内容显示)
radio : 单选框
checkbox : 多选框
file : 文件上传
hidden: 隐藏
submit : 提交
button : 按钮 (结合js)
reset : 重置
image(知道就可): 提交 src指定图片路径
name属性:
指定提交的键
value属性:
1.提交类型的用:指定提交的值
2.按钮类型的用: 按钮的名称
checked :指定默认被选中
readonly :只读的是value. 只针对 text 和 password .
disable: 控件不可用.(变灰). 被disable的无法提交.
select: 下拉选
name : 指定提交的键
disable: 控件不可用.(变灰). 被disable的无法提交.
option: 下拉选中的每个选项
value: 选中后提交的值. 如果不写提交option的内容(content)
selected: 指定默认被选中
textarea: 多行文本域
name: 指定提交的键
rows: 有多高
cols: 有多宽
指定默认值需在标签体中.
11 框架标签
frameset 定义框架集 注意: 不要把框架集写到body中
rows: 只能选一个 按行分多少块 例如 rows="20%,20%,*" 分三行 分别占 20%,20%,60
cols: 只能选一个 按列分多少块 例如 cols="20%,20%,*" 分三列 分别占 20%,20%,60
frame
src:指定要显示的页面路径
noresize: 不可调整框架大小
scrolling: 是否显示滚动条
name: 给框架起个名字 配合a标签使用 例如: <frame name="_main"> <a target="_main"> 表示a标签点击后,结果在 <frame name="_main">中显示
iframe 画中画标签
src:指定要显示的页面路径
width: 画中画宽度
height: 画中画高度
name: 给框架起个名字 配合a标签使用 例如: <frame name="_main"> <a target="_main"> 表示a标签点击后,结果在 <frame name="_main">中显示
12head中的标签
<meta http-equiv="Content-type" content="text/html;charset=utf-8"> 指定页面编码
<meta http-equiv="refresh" content="3;url=www.baidu.com"> 页面刷新 3秒后跳转到 url指定位置
<meta name="keywords" content="key1,key2..."> 给搜索引擎
<meta name="description" content="最大最好最棒最专业最强最便宜的..."> 给搜索引擎
<link rel="stylesheet" type="text/css" href="xxx.css" > 引入外部css文件
<style type="text/css"> 标签体中书写 css代码
<script type="text/javascript" src="xxx.js" > 引入外部js文件
<script type="text/javascript"> 在标签中填写js代码
//-------------------------------------------------------------------------------------------------------------------
CSS
层叠样式表
HTML和Css结合方式
1.style属性
2.head中的style标签
3.style中加入@import url()
4.使用link标签
CSS选择器
1.标签选择器
2.ID选择器 #id
3.类选择器 .class
4.伪类选择器 link visited hover active
5.复合选择器 使用,来组合多个其他选择器.
常用属性:
font : italic 50px 黑体;
font-style: italic;
font-size: 50px;
font-face:黑体;
border: 1px solid red;
border-width: 1px;
border-type:solid;
border-color:red;
background: url(xxx.jpg) no-repeat;
background-image: url(xxx.jpg);
background-repeat: no-repeat;
盒子模型:
外边距:
margin
内边距:
padding
盒子模型的宽度:
盒子最外边框宽度+左内边距+里面盒子宽度+右内边距+右边框宽度
width: 宽度
height:高度
Css中所有HTML元素
块级元素:(带换行) div table ol ul....
行内元素:(没有换行) span a .......
块级元素和行内元素的转换.
display属性:
block 块
inline 行内
none 没有 设置之后,不显示该元素.不留位置的.
//-----------------------------------------------------------------------------------------
JS
历史
nombas 公司 c-- ==> scriptEase
Netscape公司 liveScript ==> javascript
Microsoft Jscript
ECMA 协会 EcmaScript规范
JS中的体系
EcmaScript 基本,语法,语句,变量,关键字,对象...
BOM Browser Object Model 浏览器对象模型
Dom Document Object Model 文档对象模型
JS中对象的分类
原始类型
string
number
boolean
null 引用类型的占位符
undefined 没有初始化的变量 默认初始值
引用数据类型
Native Object 本地对象 (Ecma规范定义的对象)
build in object 内建对象 , 不用创建对象直接使用.
Host Object 主机对象(不是ECMA定义的,浏览器提供的,和dom)
Bom 所有bom对象都不需要自己创建.浏览器来创建,我们直接使用即可.
window
history
location
Dom
JS中的语句
if,for , while,do-while,switch (跟java语法相同)
JS中的运算符
+,- 转换数字正负. 还可以用来将字符串转换为数字.
i++,++i,i--,--i
+,-,*,/,% eg: + 在运算时 会将数字当做字符串 , 其他符号,会将字符串转换为数字 eg : "4"/2 = 2; "4"-2=2; "4"+2 = "42"
!,&& , || .
string 向boolean型装换: 字符串为空时("")是false 其他为true
number 向boolean型装换: 除了0和NaN 转换为false 其他都为true eg:-1=>true
null 向boolean型装换: false
undefined 向boolean型装换: false
object 向boolean型装换: true 非空对象都为true
>,<,>=,<=,==,===
例子 : 3>"21" ==> false 数字和字符串进行比较时,会将字符串变为数字
"3">"21" ==> true 两个字符串比较,是从第一位开始比较charcode.
"a" > 21 ==> false
"a" < 21 ==> false
"a" == 21 ==> false
21 == "21" ==> true
21 === "21" ==> false ===会比较类型, 类型不一致直接false
三元运算符
var result = 21 == "21" ? "true":"false";
赋值运算符
+= -= *= /= %=
JS中的引用数据类型.
*Object对象 所有类的父类.
toString方法 打印类型. // Object.prototype.toString.call(xxx)
*Function对象
创建方式
1. var fun1 = new Function("a","b","alert(a+b);");
2. var fun2 = function (a,b){alert(a+b)}
3. function fun3(a,b){alert(a+b)}
属性:
length: 返回函数参数的期望个数
方法
toString: 函数的定义.
内置对象:
arguments: 运行中实际参数 完成函数的重载.
arguments.length 打印实际参数个数
arguments[n]:取得实际的参数
*Global 对象 不用创建实例,直接写方法
parseInt 转换成整数 parseInt("123abc") = 123 ; parseInt("abc123") = NaN; parseInt("123.123") = 123;
parseFloat 转换成小数 parseFloat("123abc")=123; parseFloat("123.123.123")=123.123;
isNaN 因为NaN==NaN返回false. 所以设计该方法,判断是否值为NaN
encodeURI 将汉字 进行编码
decodeURI 将汉字 进行解码
encodeURIComponent 转的范围比上面的大. / : ? &....
decodeURIComnponent 解码
escape 已经过时 (编码)
unescape 已经过时 (解码)
eval 执行参数中的js代码 eval("alert('aaa');") ajax
*Math 数学对象
属性
PI 圆周率 3.141593
方法
random 获得一个0~1的随机数
round 四舍五入取整
pow(x,y) x的y次幂
*String对象
属性
length 返回字符串的长度
方法:
1.重要的
subString(0,3) 截取0到3的字符串
slice(0,-1) 截取0到倒数第2个字符串
charAt() 获取某个位置的字符
charCodeAt 获取某个位置的字符asc码
concat 连接字符串
indexOf 检索 某个字符出现的位置(从左到右)
lastIndexOf 同上 (从右到左)
2.过时的
achor() 使用a标签包装
strong() 使用strong标签包装
...
3.与正则结合的
match() 匹配正则 返回找到的字符
search() 匹配正则 ,返回找到字符的index
replace() 使用正则替换 字符串
split() 使用正则切割字符串成数组
*Number
*Boolean
三大包装对象可以用来强转
强转String型: new String(需要强转的变量) == >
强转Number型: parseInt, parseFloat ,new Number()
强转Boolean型: new Boolean(需要强转的变量)
*Array对象 数组
创建方式:
1 var arr1 = [1,2,3,4,"abc",true,new object()];
2 var arr2 = new Array(1,2,3,4,"abc",true,new object());
3 var arr3 = new Array(0); 创建一个0长度的数组
属性:
length 返回数组的长度
方法:
concat 连接数组
push 在数组末尾添加一个元素 并返回数组长度
pop 取出数组中最后一个元素,并删除.
sort 排序. 默认全部使用字符串方式排序.
join 传入一个字符串, 数组使用该字符串连接数组 返回 连接后的字符串 eg: var arr1= [1,2,3,4]; arr1.join("-") ==> "1-2-3-4"
reverse 反转
*Date对象
getFullYear 获得年
getMonth 获得月 注意:0~11 要加1
getDate 获得日
getHours 获得小时
getMinutes 获得分钟
getSeconds 获得秒
getDay 获得星期 星期日到星期六 -> 0~6
getTime 获得格林威治到现在的毫秒数
new Date() 创建时间对象
toLocalString() 使用本地时间格式 显示时间
*RegExp
创建方式
1. var reg1 = new RegExp("exp","i/g"); i: 忽略大小写 g: 全局查找
2. var reg2 = /exp/i;
方法:
test方法 检测字符串是否符合正则.
exec方法(自己了解下)
string中的
match() 匹配正则 返回找到的字符
search() 匹配正则 ,返回找到字符的index
replace() 使用正则替换 字符串
split() 使用正则切割字符串成数组
Bom对象 Browser Object Model 浏览器对象模型
对浏览器进行以操作时使用该系列对象.
由浏览器创建.不是我们创建的.
直接拿来用就可以.
*window
属性:
frames[] ==> 得到子页面的window对象数组
self 自己
parent 父窗口的window对象
top 最外层窗口的window对象
opener 打开自己窗口的父窗口window对象
方法:
open 方法 第1个参数 新窗口的路径 第3个参数 新窗口的参数 比如说:长,宽,可否改变大小,是否有滚动条,........
alert 弹出警告
prompt 弹出输入框
confirm 弹出确认框
setInterval(函数名称,毫秒) 定时器 每隔多少毫秒就执行一次函数 . 返回值是定时器ID
clearInterval(ID) 停止定时器. 参数是定时器ID (setInterval返回的)
setTimeOut(函数名称,毫秒) 定时器 多少毫秒后执行一次函数 . 返回值是定时器ID
clearTimeOut(ID) 停止定时器. 参数是定时器ID (setTimeOut返回的)
*history
forward 前进
back 后退
go 参数是整数 -1 表示后退 0表示当前页 1表示前进
*location
属性
href 获取或者设置 当前页面加载的文档路径
方法
reload 刷新当前页.
2.DeBug
3.Junit
*导包 (junit4)
*@Test
*Public
*void
4.自动拆箱 装箱
int i = new Integer(10);// 可以 拆箱 .原理: 自动拆箱 ==> 调用 intValue();
Integer i = 10; //自动装箱 valueOf()
5.变长参数
public int add(int a, int b);
public int add(int a, int b , int c);
优化:
public int add(int[] arr);
优化:
public int add(int... arr); (变长参数)
编译器会把15行的和17行的两个方法当做一个方法.变长参数最后还是会被编译成数组.
注意: 1.变长参数 必须出现在最后
2.一个方法最多只能有一个变长参数.
6.增强for循环
可以被增强for循环遍历的.
1.数组 原理 就是普通for循环
2.实现了iterable 接口的 类 Collection --> List Set 原理就是迭代器
增强for循环:
1.没有角标的概念
2.不能选择开始循环的位置
3.不会提高遍历的效率.
4.编译器做的工作.
7.泛型
就是给容器定义规则. 存放 和 取出的规则.
使用:
List<String> list = new ArrayList<String>();
list.add(1); //会报错. 因为咱们之前没学泛型时, 从集合取出全都是object.一定涉及到强转.强转有风险. 使用泛型之后,将错误提前到了编译期.提高了安全性.
定义泛型类:
//1声明泛型 建议使用单个大写字母
public class Bag<T>{
//2 在类中使用声明的泛型 定义变量 或者方法
private T o;
public T get();
public void set(T o);
}
*了解内容 (定义泛型方法.)
8.枚举
public static final int MEN = 1;
public static final int WOMEN = 0;
enum Sex{
MEN,WOMEN //分号如果不加,后面不允许出现其他内容.
}
了解内容(在枚举中定义 属性, 方法, 构造方法,抽象方法)
9反射
给你一个字符串
"cn.itcast.Car.show()"
创建Car实例
调用show方法
spring , struts , hibernate 都是基于反射.
1.得到Class
Class c = Class.forName("cn.itcast.Car"); //
2.得到show方法
Method m = c.getMethod("show"); //获得show方法
3.创建Car对象
Car car = c.newInstance(); //走的空参构造方法
4.运行show方法
m.invoke(car); //
//--------------------------------------------------------------------------------
1HTML ==> 超文本 标记语言
Hyper Text Markup Language
超文本 : 超链接
标记语言: 就是标签构成的语言. 使用不同标签来表达不同内容.
2元素(标记,标签):
一对简括号包裹的单词.
单词不能以数字开头
忽略大小写(推荐小写)
元素可以不闭合,但是不推荐.(HTML不是一门严谨的标记语言)
自闭合标记.(<br/> , <hr/>)
标签可以嵌套,但不要交叉嵌套.
3属性:
属性通常都是键值对.
属性值必须使用""或''包裹.
属性必须出现在开始标签中.
自闭合标签 也可以有属性.
属性键值相同.可以忽略属性值.例如: selected = "selected" 那么可以这样写 selected
4HTML 文档构成
根元素是<html>
在根元素中分为两部分 <head><body>部分
head部分 : 标题,引入其他资源, meta(元信息) ...... 需要显示在正文中的内容 不要写在head中.
body部分: 网页的正文部分.
5基本标签:
<br> 换行
<hr> 水平线
<p> 段落标签
<hn> 标题标签 1~6 从大到小
<font> 文字标签 属性 color size face 颜色 大小 字体
<b>,<strong>:加粗
<strike>:删除线
<u>:下划线
<sub>,<sup>: 上角标 下角标
实体(转移字符): 空格: 大于号:> 小于号 <
6列表标签
带层次的列表
DL 定义一个列表
DT 列表的标题
DD 列表的描述(每一项)
有序列表
ol : 有序列表 type 标号的类型 start属性
无序列表
ul : 无序列表 type 标号的类型
li: 有序无序列表中每一项
7超链接标签
两种用法:
1.作为超链接使用,(跳转资源)
<a> 的href属性 指定跳转资源的路径
协议名+资源路径
http://www.baidu.com/
mailto:liuyd@itcast.cn
相对路径
href="aaa.html" ==>在当前目录下 寻找aaa.html
href="./aaa.html" ==>在当前目录下 寻找aaa.html
href="../aaa.html" ==>在上级目录下 寻找aaa.html
2.作为锚使用
1.定义锚点位置
<a name="锚点名称">
2.跳转锚点
<a href="#锚点名称">
8图像标签
<img>标签
src:指定图片路径
alt:对图片描述
width:宽 会对图片进行缩放.
9.table
用来做布局:层次太深.
1.人阅读 不便.
2.搜索引擎阅读 不便.
table 表达表格
tr 表示表格的行
th 表格的表头单元格(居中,加粗)
td 普通单元格
table属性:
border : 边框
height : 高度(api中没有)
width : 宽度
cellpadding: 内边距
cellspacing :外边距
td.th的属性:
rowspan : 单元格竖占多少行
colspan : 单元格横占多少列
注意: 如果表格最多有5行,那rowspan 最多写5.写6没效果. colspan同理.
(了解)
thead(了解)
tbody ==> 用来给tr 分组. 浏览器在加载时,会以tbody为单位加载.
tfoot(了解)
10.form(最重要)
<form> 需要提交的内容用
action: 指定提交的路径
method: 提交方式
get: url上显示键值对
1.安全性差
2.长度限制 1kb
post: 不在url上显示
1.安全性好
2.长度理论上无限制.
input :
type属性 :
text: 文本框
password: 密码框 (不会将填写内容显示)
radio : 单选框
checkbox : 多选框
file : 文件上传
hidden: 隐藏
submit : 提交
button : 按钮 (结合js)
reset : 重置
image(知道就可): 提交 src指定图片路径
name属性:
指定提交的键
value属性:
1.提交类型的用:指定提交的值
2.按钮类型的用: 按钮的名称
checked :指定默认被选中
readonly :只读的是value. 只针对 text 和 password .
disable: 控件不可用.(变灰). 被disable的无法提交.
select: 下拉选
name : 指定提交的键
disable: 控件不可用.(变灰). 被disable的无法提交.
option: 下拉选中的每个选项
value: 选中后提交的值. 如果不写提交option的内容(content)
selected: 指定默认被选中
textarea: 多行文本域
name: 指定提交的键
rows: 有多高
cols: 有多宽
指定默认值需在标签体中.
11 框架标签
frameset 定义框架集 注意: 不要把框架集写到body中
rows: 只能选一个 按行分多少块 例如 rows="20%,20%,*" 分三行 分别占 20%,20%,60
cols: 只能选一个 按列分多少块 例如 cols="20%,20%,*" 分三列 分别占 20%,20%,60
frame
src:指定要显示的页面路径
noresize: 不可调整框架大小
scrolling: 是否显示滚动条
name: 给框架起个名字 配合a标签使用 例如: <frame name="_main"> <a target="_main"> 表示a标签点击后,结果在 <frame name="_main">中显示
iframe 画中画标签
src:指定要显示的页面路径
width: 画中画宽度
height: 画中画高度
name: 给框架起个名字 配合a标签使用 例如: <frame name="_main"> <a target="_main"> 表示a标签点击后,结果在 <frame name="_main">中显示
12head中的标签
<meta http-equiv="Content-type" content="text/html;charset=utf-8"> 指定页面编码
<meta http-equiv="refresh" content="3;url=www.baidu.com"> 页面刷新 3秒后跳转到 url指定位置
<meta name="keywords" content="key1,key2..."> 给搜索引擎
<meta name="description" content="最大最好最棒最专业最强最便宜的..."> 给搜索引擎
<link rel="stylesheet" type="text/css" href="xxx.css" > 引入外部css文件
<style type="text/css"> 标签体中书写 css代码
<script type="text/javascript" src="xxx.js" > 引入外部js文件
<script type="text/javascript"> 在标签中填写js代码
//-------------------------------------------------------------------------------------------------------------------
CSS
层叠样式表
HTML和Css结合方式
1.style属性
2.head中的style标签
3.style中加入@import url()
4.使用link标签
CSS选择器
1.标签选择器
2.ID选择器 #id
3.类选择器 .class
4.伪类选择器 link visited hover active
5.复合选择器 使用,来组合多个其他选择器.
常用属性:
font : italic 50px 黑体;
font-style: italic;
font-size: 50px;
font-face:黑体;
border: 1px solid red;
border-width: 1px;
border-type:solid;
border-color:red;
background: url(xxx.jpg) no-repeat;
background-image: url(xxx.jpg);
background-repeat: no-repeat;
盒子模型:
外边距:
margin
内边距:
padding
盒子模型的宽度:
盒子最外边框宽度+左内边距+里面盒子宽度+右内边距+右边框宽度
width: 宽度
height:高度
Css中所有HTML元素
块级元素:(带换行) div table ol ul....
行内元素:(没有换行) span a .......
块级元素和行内元素的转换.
display属性:
block 块
inline 行内
none 没有 设置之后,不显示该元素.不留位置的.
//-----------------------------------------------------------------------------------------
JS
历史
nombas 公司 c-- ==> scriptEase
Netscape公司 liveScript ==> javascript
Microsoft Jscript
ECMA 协会 EcmaScript规范
JS中的体系
EcmaScript 基本,语法,语句,变量,关键字,对象...
BOM Browser Object Model 浏览器对象模型
Dom Document Object Model 文档对象模型
JS中对象的分类
原始类型
string
number
boolean
null 引用类型的占位符
undefined 没有初始化的变量 默认初始值
引用数据类型
Native Object 本地对象 (Ecma规范定义的对象)
build in object 内建对象 , 不用创建对象直接使用.
Host Object 主机对象(不是ECMA定义的,浏览器提供的,和dom)
Bom 所有bom对象都不需要自己创建.浏览器来创建,我们直接使用即可.
window
history
location
Dom
JS中的语句
if,for , while,do-while,switch (跟java语法相同)
JS中的运算符
+,- 转换数字正负. 还可以用来将字符串转换为数字.
i++,++i,i--,--i
+,-,*,/,% eg: + 在运算时 会将数字当做字符串 , 其他符号,会将字符串转换为数字 eg : "4"/2 = 2; "4"-2=2; "4"+2 = "42"
!,&& , || .
string 向boolean型装换: 字符串为空时("")是false 其他为true
number 向boolean型装换: 除了0和NaN 转换为false 其他都为true eg:-1=>true
null 向boolean型装换: false
undefined 向boolean型装换: false
object 向boolean型装换: true 非空对象都为true
>,<,>=,<=,==,===
例子 : 3>"21" ==> false 数字和字符串进行比较时,会将字符串变为数字
"3">"21" ==> true 两个字符串比较,是从第一位开始比较charcode.
"a" > 21 ==> false
"a" < 21 ==> false
"a" == 21 ==> false
21 == "21" ==> true
21 === "21" ==> false ===会比较类型, 类型不一致直接false
三元运算符
var result = 21 == "21" ? "true":"false";
赋值运算符
+= -= *= /= %=
JS中的引用数据类型.
*Object对象 所有类的父类.
toString方法 打印类型. // Object.prototype.toString.call(xxx)
*Function对象
创建方式
1. var fun1 = new Function("a","b","alert(a+b);");
2. var fun2 = function (a,b){alert(a+b)}
3. function fun3(a,b){alert(a+b)}
属性:
length: 返回函数参数的期望个数
方法
toString: 函数的定义.
内置对象:
arguments: 运行中实际参数 完成函数的重载.
arguments.length 打印实际参数个数
arguments[n]:取得实际的参数
*Global 对象 不用创建实例,直接写方法
parseInt 转换成整数 parseInt("123abc") = 123 ; parseInt("abc123") = NaN; parseInt("123.123") = 123;
parseFloat 转换成小数 parseFloat("123abc")=123; parseFloat("123.123.123")=123.123;
isNaN 因为NaN==NaN返回false. 所以设计该方法,判断是否值为NaN
encodeURI 将汉字 进行编码
decodeURI 将汉字 进行解码
encodeURIComponent 转的范围比上面的大. / : ? &....
decodeURIComnponent 解码
escape 已经过时 (编码)
unescape 已经过时 (解码)
eval 执行参数中的js代码 eval("alert('aaa');") ajax
*Math 数学对象
属性
PI 圆周率 3.141593
方法
random 获得一个0~1的随机数
round 四舍五入取整
pow(x,y) x的y次幂
*String对象
属性
length 返回字符串的长度
方法:
1.重要的
subString(0,3) 截取0到3的字符串
slice(0,-1) 截取0到倒数第2个字符串
charAt() 获取某个位置的字符
charCodeAt 获取某个位置的字符asc码
concat 连接字符串
indexOf 检索 某个字符出现的位置(从左到右)
lastIndexOf 同上 (从右到左)
2.过时的
achor() 使用a标签包装
strong() 使用strong标签包装
...
3.与正则结合的
match() 匹配正则 返回找到的字符
search() 匹配正则 ,返回找到字符的index
replace() 使用正则替换 字符串
split() 使用正则切割字符串成数组
*Number
*Boolean
三大包装对象可以用来强转
强转String型: new String(需要强转的变量) == >
强转Number型: parseInt, parseFloat ,new Number()
强转Boolean型: new Boolean(需要强转的变量)
*Array对象 数组
创建方式:
1 var arr1 = [1,2,3,4,"abc",true,new object()];
2 var arr2 = new Array(1,2,3,4,"abc",true,new object());
3 var arr3 = new Array(0); 创建一个0长度的数组
属性:
length 返回数组的长度
方法:
concat 连接数组
push 在数组末尾添加一个元素 并返回数组长度
pop 取出数组中最后一个元素,并删除.
sort 排序. 默认全部使用字符串方式排序.
join 传入一个字符串, 数组使用该字符串连接数组 返回 连接后的字符串 eg: var arr1= [1,2,3,4]; arr1.join("-") ==> "1-2-3-4"
reverse 反转
*Date对象
getFullYear 获得年
getMonth 获得月 注意:0~11 要加1
getDate 获得日
getHours 获得小时
getMinutes 获得分钟
getSeconds 获得秒
getDay 获得星期 星期日到星期六 -> 0~6
getTime 获得格林威治到现在的毫秒数
new Date() 创建时间对象
toLocalString() 使用本地时间格式 显示时间
*RegExp
创建方式
1. var reg1 = new RegExp("exp","i/g"); i: 忽略大小写 g: 全局查找
2. var reg2 = /exp/i;
方法:
test方法 检测字符串是否符合正则.
exec方法(自己了解下)
string中的
match() 匹配正则 返回找到的字符
search() 匹配正则 ,返回找到字符的index
replace() 使用正则替换 字符串
split() 使用正则切割字符串成数组
Bom对象 Browser Object Model 浏览器对象模型
对浏览器进行以操作时使用该系列对象.
由浏览器创建.不是我们创建的.
直接拿来用就可以.
*window
属性:
frames[] ==> 得到子页面的window对象数组
self 自己
parent 父窗口的window对象
top 最外层窗口的window对象
opener 打开自己窗口的父窗口window对象
方法:
open 方法 第1个参数 新窗口的路径 第3个参数 新窗口的参数 比如说:长,宽,可否改变大小,是否有滚动条,........
alert 弹出警告
prompt 弹出输入框
confirm 弹出确认框
setInterval(函数名称,毫秒) 定时器 每隔多少毫秒就执行一次函数 . 返回值是定时器ID
clearInterval(ID) 停止定时器. 参数是定时器ID (setInterval返回的)
setTimeOut(函数名称,毫秒) 定时器 多少毫秒后执行一次函数 . 返回值是定时器ID
clearTimeOut(ID) 停止定时器. 参数是定时器ID (setTimeOut返回的)
*history
forward 前进
back 后退
go 参数是整数 -1 表示后退 0表示当前页 1表示前进
*location
属性
href 获取或者设置 当前页面加载的文档路径
方法
reload 刷新当前页.
扫一扫
396
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
