引用表单域在JS中的应用

2022-04-07 12:57:00

1.运用focus()办法让表单域取得焦点

当表单域取得焦点时,用户的键盘操作会直接作用于这个表单域,例如,当文本框取得焦点,键盘输入将出当前文本框内,当复选框取得焦点,空格键能够选中/未选中两种状况,当按钮取得焦点,回车键将回发生赞同于单击的作用.

需求注意的是,躲藏域()是没有focus()办法的,对其调用这个办法将会发生脚本过错.

2.运用blur()办法让表单失掉焦点

这是和focus()相对应的一个办法,用于将焦点从指定表单域上去掉,相同,躲藏域也没有这个办法.

3.运用bandleEvent(Event)办法处置事情

这个办法接纳一个event参数,表明触发这个表单域的指定事情,例如,假如期望单击按钮时也触发某个文本click事情,能够在按钮中参加;

但这个办法仅仅是用在Netscape浏览器中的办法,在IE浏览器和Firefox浏览器中均不可执行.

一个页面中的一切结构以调集的方式作为window目标的特点供给,例如:window.frames就表明这个页面内一切结构的调集,这和表单目标,连接目标,图像目标等是相似的,不一样的是,这些调集是document的特点,因而,要引证一个子槿,能够运用如下语法:

window.frames["frameName"];

window.frames.frameName

window.frames[index]

其间,window字样也能够用self替代或省掉,假定frameName主页面中榜 结构,则以下的写法是等价的:

self.frames["frameName"]

self.frames[0]

frames[0]

frameName

每个结构都对应一个HTML页面,所以这个结构也是一个独立的浏览器窗口,它具有窗口的一切性质,所谓对结构的引证也即是对window目标的引证.有了这个window目标,就能够很方便地对其间的页面进行操作,例如运用window.document目标向页面写入数据,运用window.location特点来改动结构内的页等.

表单域是指用于接纳用户输入或操作的一些页面元素,例如文本框,按钮,复选框等,它们一般包含在一个赞誉中,要在JavaScript中引证一个表单元素,能够选用以下两种办法;

var element=theForm.elements[index]

var element=theForm.elements["elementName"]

在榜首种办法中,index表明表单域的索引,榜 呈现的索引为0,顺次递加,第二种办法中,elementName表明表单域name特点所指定的表单域称号.

用这种办法,能够循环遍历一个表单中的一切表单域,对其进行一致处置,有时需求指定遍历某种类型的表单域,能够运用表单域的type特点来获取表域类型.

虽然在HTML的网站建设中,常常不必符号作为窗口,而是自定义数据提交逻辑,运用XMLHttpRequest目标来和服务器交互,这时就需求借助于DOM模型来引证赞誉元素,例如运用document.getElementByid(ID)来获取一个指定ID的表单域引证.

推荐文章

微信咨询

咨询热线

0377-6698 8886

收起
顶部

回到顶部