1.js和html结合第一种:在head或者body标签中使用script标签;
第二种:使用script标签引入单独的javascript代码文件;
2.js变量类型:数值类型:number
字符串类型:string
对象类型:object
布尔类型:boolean
函数类型:function
特殊值:undefined(未定义,默认值);null(空值);NAN(非数 字,非数值);
3.定义变量格式:var 变量名=值;
4.typeof()是js提供的函数 alert(typeof(i));用于返回变量的数据类型;
5.关系运算:等于==;全等于(除了做字面值的比较,还会比较两个变量 的数据类型)===;
6.逻辑运算:且运算:&&;
第一种:当表达式全为真时,返回最后一个表达式的值;
第二种:当表达式中有一个为假的时候,返回第一个为假 的表达式的值;
或运算:||: 第一种:当表达式全为假时,返回最后一个表达式的值
第二种:只要有一个表达式为真,就会返回第一个为真 的表达式的值
取反运算:!;
(在JavaScript中, 所有的变量都可以作为一个 boolean类型的变量去使用;0,null, undefined,""都认为是false);
7.数组:var 数组名=[1,'abc',true];
8.函数定义:第一种function 函数名(形参列表){函数体};
第二种var 函数名=function(形参列表){函数体};
9.arguments隐形参数(只在function中):在function函数中不需要定义,可以直接获取所 有参数的变量(arguments相当于数组);
10.js中自定义对象:1). var 变量名=new Object(); //对象实例(空对象)
变量名.属性名=值; //定义一个属性
变量名.函数名=function(){}; //定义一个函数
var obj=new Object();
obj.name="shen";
obj.age=18;
obj.fun=function(){
alert("姓名:"+this.name+",年龄:"+this.age);}
obj.fun();
2).var 变量名 ={}; //空对象;
属性名:值, //定义一个属性;
函数名:function(){} //定义一个函数;
11.js事件:onload 加载完成事件;页面加载完成之后用于做页面js代码初始化操作;
onclick 单机事件; 常用于按钮的点击响应操作;
onblur 失去焦点事件;常用于输入框失去焦点后验证其输入内容是否合法;
onchange 内容发生改变事件;常用于下拉列表和输入框发生改变够操作
onsubmit 表单提交事件;常用于表单提交前,验证所有表单项是否合法
12.js事件注册(绑定):静态:通过html标签的事件属性直接赋予事件响应后的代码。
动态:先通过js代码得到标签的dom对象,然后在通过dom对 象.事件名=function(){}这种形式赋予事件响应后的代码。
动态注册基本步骤:1).获取标签对象;
2).标签对象.事件名=function(){}
13.onload事件:window.οnlοad=function(){alert("动态注册的onload事件")}
14.onclick事件:window.οnlοad=function(){
var btnobj=document.getElemenById("id")
btnobj.οnclick=function(){"动态注册的onclick"} }.
15.onblur事件:同上类似
16.onchange事件:同上类似
17.onsubmit事件:同上类似
18.document对象:1)Document管理了所有的HTML文档内容
2)document是一种树结构的文档,有层次关系
3)它让我们把所有的标签都对象化
4)我们可以通过document访问所有的标签对象
方法:getElementById()返回对象的id
getElementsByName()返回带有指定名称的对象集合
getElementsByTagName()返回带有指定标签名的对象集合
模拟对象化:class Dom{
private String id; //id属性
private String tagName; //表示标签名
private Dom parentNode; //父亲节点
private list<Dom>children //孩子节点
private String innerHtml;/起始标签和结束标签中间的内容
}
19.正则表达式:方括号:[abc]查找括号内的任何字符; [^abc]查找任何不在括号内的字符
[a-z]查找任何从小写a到小写z的字符
元字符:\w查找单词字符,包括a-z,A-Z,0-9,以及下划线字符
\W查找非单词字符
\d查找数字;\D查找非数字
\s查找空白字符;\S查找非空白字符
量词:n+匹配任何包含至少一个n的字符串
n*匹配任何包含零个或多个n的字符串
n?匹配任何包含零个或一个n字符串
n{X}匹配包含X个n的连续字符串
n{X,Y}匹配包含至少X个最多Y个连续字符串
n{X,}匹配包含至少X个连续字符串
n$匹配任何结尾为n的字符串
^n匹配任何开头为n的字符串