主办单位:四川省南溪县职业高中(南溪二中)

联系电话:0831-3322188

   
当前位置:职教天地网上考试 站学习园地
 
 
学习园地
数据库
VFP6_基础
VFP6_命令
报表与菜单
表单设计
查询数据
编程初步
数据网页
基础篇
微机基础
文件管理
因特网操作
电子邮件
BBS论坛
网页基础1
网页基础2
网页基础3
动网篇
网页表单
动态网页
JAVA脚本1
JAVA脚本2
JAVA脚本3
JAVA脚本4
JAVA脚本5
JAVA脚本6
 

³³³ ³³³

考试大纲:职高计算机等级考试 | 职高英语等级考试 | 英语考试样题                                

     计算机等级考试8四川 :一级| 二级| 三级   全国 :一级 |一级B| 二级VFP| 二级VB| 三级| 四级

基础篇:微机基础 | 文件管理 | 因特网操作| 电子邮件 | BBS论坛  |网页基础1 |网页基础2 | 网页基础3

数据库:VFP6_基础| VFP6_命令| 报表与菜单| 表单设计 | 查询数据 | 编程初步 | 数据网页 | 上机考试  

网页篇:网页表单 | 动态网页 | JAVA脚本1 |JAVA脚本2 |JAVA脚本3 |JAVA脚本4 |JAVA脚本5 | JAVA脚本6

职称篇:职称计算机等级考试  网络知识部分  操作题解题辅导                                        

 

JavaScript表单元素和事件编程
 


一、HTML表单元素和它们的事件

表单元素:窗体、按钮、复选钮、单选钮、文本框、密码框、文本区、发送按钮、清除按钮、选择列表。
onLoad事件:浏览器装入Web网页时,产生onLoad事件。
onClick事件:用户用鼠标单击“按钮”等元素时,产生onClick事件。
onChange事件:当文本框等元素的内容改变时,产生onChange事件
onFocus事件:当文本框等元素的得到焦点时,产生onFocus事件
onBlur事件:当文本框等元素的失去焦点时,产生onBlur事件
onMouseOver事件:当鼠标移动到对象上面时,产生onMouseOver事件。
onMouseOut事件:当鼠标离开对象时,产生onMouseOut事件。
常常将表单与事件结合起来使用,利用表单取得用户的输入,然后通过事件触发,来调用JavaScript函数来进行处理。
二、onclick事件例子,单击按钮时,onclick事件跳转到另一网页。

<html>
<body>
<form>
<input type="button" value="网上教室"
onclick="javascript:top.location='http://liaohk.126.com'">
</form>
</body>
</html>

三、onBlur事件例子:将文本输入框中的输入内容显示出来

<html>
<head>
<script language="JavaScript">
function getname(str) { alert("你好! "+ str+"!"); }
</script>
</head>
<body>
请输入你的姓名:
<form>
<input type="text" onBlur="getname(this.value)" value="">
</form>
</body>
</html>

这个例子用 <input>输入框的"onBlur" 事件函数以取得输入字串,并将它显示在对话窗上。函数 Getname(this.value) 中的
"this.value" 是你在文字输入格式中所输入的值。

四、例子: 利用 onMouseOver 事件调用函数 hello() ,显示当天日期。

<html>
<head>
<script language="JavaScript">
function hello() {
today=new Date()
alert("今天是:"+today.toString()) }
</script>
</head>
<body>
<a href="" onMouseOver="hello()">显示日期</a>
</body>
</html>

 

   

返回首页  网上考试