JavaScript语言 - 图文

2025/5/5 5:59:08

单选按钮

选项1 选项2

选项3

//name相同为同一组的,选择时只能在其中选择一个 checked表示已选的

按钮

下拉菜单和滚动列表

读取和设置表单元素

window.document.my_Forms_name.text_name.value

//读取

//设置

window.document.表单名.文本框名.文本框输入的值。 window.document.my_Forms_name.text_name.value= ????

文本框text,密码框password,文本域textarea都符合上述规则

复选框:

它没有value属性,却有一个checked布尔值属性,如果单击了某个复选框,该复选框的值会变成true,若单击前就处于选中状态,则checked会等于false

window.document.表单名.复选框名.checked; //读取选项true/false

单选按钮:

同一列名的单选按钮会组成一个同名列表,要引用某个单选按钮,可以使用radio_button_name[项目符号]这样表示,且第一个选项为[0];

window.document.formName.readio_button_group[0].checked;

也可以设置value并获取它。

下拉菜单和滚动列表

类似上述单选按钮,但其选择的属性是selected window.document.formName.the_group[0].selected;

注:如果一个选项框的checked因某种原因不存在,JavaScript会以特殊关键字underfined作为响应,然后要求JavaScript查找未定义元素的checked值时,会导致JavaScript因混乱而出错。 为确保存储在数组中的元素有定义来防止出现此类错误:

if(window.document.the_form.element[5]!=underfined){

}

var checked_value=window.document.the_form.element[5].checked;

但也可以设置value.并且获取他

表单元素 按钮 复选框 单选按钮 文本框 文本区 下拉菜单或选择列表 表单 不同表单元素可以处理的事件 事件 onClick() onClick() onClick() onChange() onChange() onChange() onSubmit() 触发事件的操作 鼠标单击 鼠标单击 鼠标单击 修改文本框的内容,然后单击文本框的外部 同上 改变了下拉菜单或选择列表中的选项 在某个文本框中按了回车键或单击了提交按钮 缩短引用

name=”the_form”

onSubmit=”window.location=window.document.the_form.the_url.value;return false;”>

是否注意到上述的第一行window.document.the_form.the_url.value标记太长了,事实上,在

标记中,查找其中的the_url值可以用 this.the_url.value来代替。且只要是在范围内都可以这么表示。

表单的简写形式 设置id=”???”

可以在表单或是任何HTML元素带上id属性,并通过相同的getElementById()方法来引用或是设置这个值。

但还是建议在JavaScript操纵表单时使用前面的方法。

【表单引用】例:

x:

结果:

第八章 通过数组和循环记录信息

JavaScript的内置数组:即单选按钮复选框会自动创建很多数组 while循环

基本形态类似:

while(条件){ 循环体;

}

【数组声明】

例:设置全选按钮: 设置一个命名为selectAll的复选框(名字可自定义),设定时间onClick()触发事件函数。

编写函数,主要思路: 用循环语句一个一个循环选择,并将各个复选

框.checked=window.document.formName.selectAll.checked;

88

关联数组使用字符串(而不是数字)来保存值。

var phone_book=new Array(); phone_book[“dave_thau”]=”(415) 555-5555”; phone_book[“information”]=”(415) 555-1212”;

例:

第九章 计时事件

通过setTime()设置警报:

setTime(“alert(‘you have been on this page for 3 seconds~!’);”,3000);

第一个参数是执行的程序,3000毫秒(即3秒)设置倒计时运行时间

通过clearTimeout()取消警报、

要取消setTimeout(),首先要对计时对象进行命名,将其保存在一个变量中: var my_timeout=setTimeout(“gotoAnswerPage();”,10000); 创建时的这行代码名为my_timeout。除非使用clearTimeout()在取消计时,否则JavaScript


JavaScript语言 - 图文.doc 将本文的Word文档下载到电脑
搜索更多关于: JavaScript语言 - 图文 的文档
相关推荐
相关阅读
× 快捷下载通道(下载后可以自由复制和排版)

开通会员免费下载

开通会员后百万份文档资料免费自由复制和下载,是您最优的选择,赶快来试试吧!

单篇下载:10元 点击下载

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:fanwen365 QQ:370150219