JavaScript---事件

来源：互联网发布：淘宝买家信用清洗违规编辑：程序博客网时间：2024/05/16 14:34

首先对上节中的运算符进行回顾

运算符包含

算数运算
比较运算
逻辑运算||， &&，！
自增运算
复合运算符+=，

一切事物皆是对象

对象具有属性和方法

点击按钮触发一个事件，就是调用了该对象的方法，之后该方法去触发某一个函数

函数的定义

Function函数名()

{

函数体；

}

函数分为系统函数和自定义函数

如上例子中，点击按钮触发的是对象的 OnClick事件。OnClick="javascript:函数名();"是在标记里写的

之后就是对函数的编写了

例如

<html><body><input type="button" name="button" id="subName" value="登录"  onclick="javascript:aaa();"/></body></html><script language="javascript" type="text/javascript">function aaa(){//自定义函数alert("大家好，欢迎到来");}</script>

例如：我们想点击按钮，获得表单里文本框中数据的字符

如何获取出

基本方法：

Document.表单名称.文本框名称.value

document是一个文档集合，包含页面的所有信息

上例子中就可以这样编写

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type" content="text/html;charset=utf-8" /><title>事件测试</title></head> <body><form action="" method="post"enctype="multipart/form-data" name="form1"id="form1">    <input type="text"name="txtName" id="txtName" />    <input type="button"name="button" id="button" value="获取"   onclick="javascript:aaa();"/></form></body></html><script language="javascript" type="text/javascript">function aaa(){//自定义函数//获取元素的值Var a=Document.form1.txtName.valueAlert(a);}</script>

表单的认识

表单（form）

用于搜集不同类型的用户输入

它的类型包含

文本框
单选按钮多选
下拉列表
按钮

表单实例代码

<form>
First name:
<inputtype="text" name="firstname" />
<br />
Last name:
<inputtype="text" name="lastname" />
</form>

为了更好的获取上例子中的信息，避免出现不友好的现象.

我们进行判断

三个控制结构中的选择结构

选择结构

if （表达式，结果为boolean的类型表达式）

{

}

else

{

}

检测用户为空

名字==""或者是名字=null，但是有时候文本框获取的是null，或是”“

所以两个都写上，然后返回return，否则就是弹出获取的值

If(a==null|| a==""){Alert("用户名不能为空");return}Else{Alert(a);}

循环结构

获取数组中的值，使用循环结构时优选的选择

For和while循环

while循环不自带自增条件

需要在循环体中编写

例如20个3 相乘的结果是多少呢，来看看吧 <script language="javascript" type="text/javascript" > var i =1;var resourt=1;while(  i<=20){resourt*=3; i++;//i+=1;}alert("结果是20个3想成是"+resourt);</script>

for循环1到100相加是多少呢

<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type" content="text/html;charset=utf-8" /><title>for循环</title></head> <body></body></html><script language="javascript" type="text/javascript" >  /*varresourt=0;for(vari=1;i<=100;i++){resourt+=i;}alert("1到100相加是"+resourt);/*/</script>

如何获取复选框和单选的值呢？

例如如何获取性别呢男，女

1 首先将两个单选放在一个组中xingbie，使其只有一个可选

2 设置他们的值分别为"男","女",

3 判断是否选中checked，属性

看一个例子吧

<p>性别：    <input name="radio1"type="radio" id="radio" value="男" />    <labelfor="radio1"></label>    男         <input name="radio1"type="radio" id="radio2" value="女"checked="checked" />    <label for="radio1"></label>  女</p><script language="javascript" type="text/javascript">function aaa(){//自定义函数//获取元素的值if(!radio1[0].checked){varsex=document.form1.radio1[1].value;//获取选定值}else{varsex=document.form1.radio1[0].value;//获取选定值} }</script>

以上是对基本的控制结构和简单的事件编写做的小结，不足之处欢迎指正