【JS的数据类型】
Ø 原始类型:
l string
l number
l boolean
l undefined
l null
Ø 引用类型:
基于对象而不是面向对象.内置对象.对象类型的默认值是null.
【JS的运算符和语句】
运算符与Java中一致.
l 全等于 === :类型和值都一致返回true
语句与Java一致:
【JS的输出】
Ø alert()
向页面中弹出一个提示框!!
Ø innerHTML:
向页面的某个元素中写一段内容,将原有的东西覆盖
Ø document.write();
向页面中写内容
二.函数
创建函数
在ECMAScript中函数有以下几种创建方式
第一种:
function 函数名称(参数列表){
函数体;
}
第二种:
var 函数名称=function(参数列表){
函数体;
}
第三种:
var 函数名称=new Function(参数列表,函数体);//注意,参数和函数体用引号引起来
调用函数
函数可以通过其名字加上括号中的参数进行调用。
注意:
调用函数的时候参数个数可以不一样.
javascript中有一个特殊的对象arguments,我们可以通过它来获取所有函数中的参数.
函数返回值:
对于javascript来说,我们不必须在创建函数时,来声明其返回值类型,无返回值也不需要使用void来声明,但是,如果一个函数要想返回结果,我们在函数中必须使用return来返回结果,return后面的语句不再执行.如果函数无明确的返回值,或调用了没有参数的 return 语句,那么它真正返回的值是 undefined。
三.事件
事件通常与函数配合使用,这样我们可以通过发生的事件来驱动函数执行.
常见事件:
onblur 元素失去焦点
onfocus 元素获得焦点
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onmousedown 某个鼠标按键被按下
onmouseup 某个鼠标按键被松开
onmousemove 鼠标被移动
onmouseout 鼠标从某元素移开
onmouseover 鼠标被移到某元素之上
onkeydown 某个键盘的键被按下
onkeypress 某个键盘的键被按下或按住
onkeyup 某个键盘的键被松开
onselect 文本被选定
onchange 用户改变域的内容
onsubmit 提交按钮被点击
onload 某个页面或图像被完成加载
事件绑定
在javascript中事件经常与函数一起使用,那么我们介绍一下怎样将一个事件与函数绑定到一起,简单说,就是某个事件被触发后,函数如果被调用。
1.html事件属性
2.html dom分配事件
阻止默认事件(兼容所有浏览器)
if(event&&event.stopPropagation){
event.preventDefault();
}else{
window.event.returnValue = false;
}
阻止事件传播(兼容所有浏览器)
if(event&&event.stopPropagation){
event.stopPropagation();//firefox
}else{
window.event.cancelBubble = true;//ie
}
四.BOM
介绍
IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。使 BOM 独树一帜且又常常令人怀疑的地方在于,它只是 JavaScript 的一个部分,没有任何相关的标准。
BOM 主要处理浏览器窗口和框架,不过通常浏览器特定的 JavaScript 扩展都被看做 BOM 的一部分。这些扩展包括:
u 弹出新的浏览器窗口
u 移动、关闭浏览器窗口以及调整窗口大小
u 提供 Web 浏览器详细信息的定位对象
u 提供用户屏幕分辨率详细信息的屏幕对象
u 对 cookie 的支持
u IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX 对象,由于没有相关的 BOM 标准,每种浏览器都有自己的 BOM 实现。有一些事实上的标准,如具有一个窗口对象和一个导航对象,不过每种浏览器可以为这些对象或其他对象定义自己的属性和方法。
BOM的五个对象:Window History Location Navigator Screen
- Window
Window 对象表示浏览器中打开的窗口,所有浏览器都支持该对象
如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象
常用属性:
top 最顶层的先辈窗口。
parent 父窗口。
self 自己
opener 返回对创建此窗口的窗口的引用。
常用方法:
u 消息框
alert(“文本”) ,警告框
confirm(“文本”),确认框
如果用户点击确认,那么返回值为 true。
如果用户点击取消,那么返回值为 false。
prompt(“文本”,“默认值”),提示框。
如果用户点击确认,那么返回值为输入的值。
如果用户点击取消,那么返回值为 null。
u 定时器
setInterval(代码或者函数,间隔时间) 按照指定的周期(以毫秒计)来调用函数或计算表达式。
clearInterval() 取消由 setInterval() 设置的 timeout。
setTimeout(代码或者函数,间隔时间) 在指定的毫秒数后调用函数或计算表达式。
clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
注意:参数如果是函数的,两种写法,
1.直接写函数名,不带括弧,例如setInterval(show,1000);
2.用引号引起来函数名加扩花,例如setInterval(“show()”,1000);
u 窗体
window.open(URL,name,features,replace) 打开一个新的浏览器窗口或查找一个已命名的窗口
- History
History 对象包含用户(在浏览器窗口中)访问过的 URL。
History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
常用方法:
back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。 - Location
Location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。
对于Location对象,我们只需要掌握href这个属性就可以,它的作用是设置或返回完整的URL。
五.DOM
DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。
什么是DOM
u DOM 是 W3C(万维网联盟) 的推荐标准。
u DOM 定义了所有文档元素的对象和属性,以及访问它们的方法(接口)。
u DOM 定义了访问诸如 XML 和 XHTML 文档的标准。
u “W3C 文档对象模型(DOM)是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。”
u W3C DOM 被分为 3 个不同的部分/级别(parts / levels):
核心 DOM,用于任何结构化文档的标准模型
XML DOM,用于 XML 文档的标准模型
HTML DOM,用于 HTML 文档的标准模型
HTML DOM 定义了访问和操作HTML文档的标准方法。
HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树
Jquery - validate 校验