JS基本操作
2014-08-27 15:40
295 查看
变量: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"
onclick="myfunction('早安!')"
value="在早晨">
<input type="button"
onclick="myfunction('晚安!')"
value="在夜晚">
</form>
返回值函数 return
带参
function product(a,b)
{
return a*b
}
for while循环
页面或图像载入
鼠标悬浮于页面的某个热点之上
在表单中选取输入框
确认表单
键盘按键
js对象
JS 对象简介
JS 字符串
JS 日期
返回当日的日期和时间 document.write(Date())
JS 数组
JS 逻辑
JS 算数
JS RegExp
JS HTML DOM
常用document
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中的对象和数组
特点:基于事件
事件:鼠标 键盘
处理事件: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"
onclick="myfunction('早安!')"
value="在早晨">
<input type="button"
onclick="myfunction('晚安!')"
value="在夜晚">
</form>
返回值函数 return
带参
function product(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对象
JS 对象简介
JS 字符串
JS 日期
返回当日的日期和时间 document.write(Date())
JS 数组
JS 逻辑
JS 算数
JS RegExp
JS HTML DOM
常用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页面输出结果
相关文章推荐
- FCKeditor2.6.3操作说明,基本设置,精简以及JS调用方法
- js的基本操作
- 普元日记---js基本操作
- NODE.JS的基本系统模块操作样例
- js完整教程一 : 基本概念和数组操作
- FCKeditor2.6.3操作说明,基本设置,精简以及JS调用方法
- js中基本操作
- JS中的Map基本操作
- Js对字符串和数组的基本操作
- HTML.CSS.JS的基本操作
- D3.JS 基于javascript的图表展示库<二>----基本元素操作
- select下js的基本操作(备忘)
- select下js的基本操作(备忘)
- JavaScript、js数组的基本操作
- js 对象以及其基本操作
- FCKeditor2.6.3操作说明,基本设置,精简以及JS调用方
- js中xml的基本操作
- js的一些基本操作
- js dom基本操作
- js对div,li,ul的基本操作