变量:var
特点:基于事件
事件:鼠标 键盘
处理事件:function 函数名(参数){js代码}
document.write()
消息框:警告框
alert("再次向您问好!在这里,我们向您演示" + '\n' + "如何向警告框添加折行。")
确认框:confirm() 有确认和取消按钮
提示框:prompt
带有参数的函数调用
<html>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
οnclick="myfunction('早安!')"
value="在早晨">
<input type="button"
οnclick="myfunction('晚安!')"
value="在夜晚">
</form>
<head>
<script type="text/javascript">
function myfunction(txt)
{
alert(txt)
}
</script>
</head>
<body>
<form>
<input type="button"
οnclick="myfunction('早安!')"
value="在早晨">
<input type="button"
οnclick="myfunction('晚安!')"
value="在夜晚">
</form>
返回值函数 return
带参
function product(a,b)
{
return a*b
}
{
return a*b
}
for while循环
事件举例:
- 鼠标点击
- 页面或图像载入
- 鼠标悬浮于页面的某个热点之上
- 在表单中选取输入框
- 确认表单
- 键盘按键
onabort | 图像加载被中断 | 1 | 3 | |
onblur | 元素失去焦点 | 1 | 2 | 3 |
onchange | 用户改变域的内容 | 1 | 2 | 3
|
onclick | 鼠标点击某个对象 | 1 | 2 | 3 |
ondblclick | 鼠标双击某个对象 | 1 | 4 | 4 |
onerror | 当加载文档或图像时发生某个错误 | 1 | 3 | 4 |
onfocus | 元素获得焦点 | 1 | 2 | 3 |
onkeydown | 某个键盘的键被按下 | 1 | 4 | 3 |
onkeypress | 某个键盘的键被按下或按住 | 1 | 4 | 3 |
onkeyup | 某个键盘的键被松开 | 1 | 4 | 3 |
onload | 某个页面或图像被完成加载 | 1 | 2 | 3 |
onmousedown | 某个鼠标按键被按下 | 1 | 4 | 4 |
onmousemove | 鼠标被移动 | 1 | 6 | 3 |
onmouseout | 鼠标从某元素移开 | 1 | 4 | 4 |
onmouseover | 鼠标被移到某元素之上 | 1 | 2 | 3 |
onmouseup | 某个鼠标按键被松开 | 1 | 4 | 4 |
onreset | 重置按钮被点击 | 1 | 3 | 4 |
onresize | 窗口或框架被调整尺寸 | 1 | 4 | 4 |
onselect | 文本被选定 | 1 | 2 | 3 |
onsubmit | 提交按钮被点击 | 1 | 2 | 3 |
onunload | 用户退出页面 | 1 | 2 | 3 |
js对象
常用document
Document 对象的属性
属性 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
body | 提供对 <body> 元素的直接访问。对于定义了框架集的文档,该属性引用最外层的 <frameset>。 | ||||
cookie | 设置或返回与当前文档有关的所有 cookie。 | 4 | 1 | 9 | Yes |
domain | 返回当前文档的域名。 | 4 | 1 | 9 | Yes |
lastModified | 返回文档被最后修改的日期和时间。 | 4 | 1 | No | No |
referrer | 返回载入当前文档的文档的 URL。 | 4 | 1 | 9 | Yes |
title | 返回当前文档的标题。 | 4 | 1 | 9 | Yes |
URL | 返回当前文档的 URL。 | 4 | 1 | 9 | Yes |
Document 对象的方法
方法 | 描述 | IE | F | O | W3C |
---|---|---|---|---|---|
close() | 关闭用 document.open() 方法打开的输出流,并显示选定的数据。 | 4 | 1 | 9 | Yes |
getElementById() | 返回对拥有指定 id 的第一个对象的引用。 | 5 | 1 | 9 | Yes |
getElementsByName() | 返回带有指定名称的对象集合。 | 5 | 1 | 9 | Yes |
getElementsByTagName() | 返回带有指定标签名的对象集合。 | 5 | 1 | 9 | Yes |
open() | 打开一个流,以收集来自任何 document.write() 或 document.writeln() 方法的输出。 | 4 | 1 | 9 | Yes |
write() | 向文档写 HTML 表达式 或 JavaScript 代码。 | 4 | 1 | 9 | Yes |
writeln() | 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。 | 4 | 1 | 9 | Yes |
ajax
AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML)。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的
某部分进行更新。
数据处理方式 JSON
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子集。 JSON采用完全独立于语言的文本格式
json简单说就是javascript中的对象和数组
PrintWriter它的实例就是向前台的JSP页面输出结果