博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
11锚点与图像对象
阅读量:4984 次
发布时间:2019-06-12

本文共 2156 字,大约阅读时间需要 7 分钟。

11锚点与图像对象


锚点对象(ANCHORS)

当文档中包含<A>标记时,JavaScript自动建立相对应的锚点对象。这些对象可以用document的anchors属性,搭配数组的索引方式来进行访问控制。例如:文件中的第一个锚点对象,叫做document. anchors [0], 第二个锚点对象,叫做document. anchors [1],依次类推。

1.语法

       document.锚点名.属性

       document.锚点名.方法

       document.anchors[].属性            document.anchors[].方法

2.属性

       name  表示锚点的名称。

链接对象(LINKS)

       无论是文字、图形或图像映射,只要是用来作为超级链接用的对象,JavaScript自动建立相对应的链接对象。这些对象可以用document的links属性,搭配数组的索引方式来进行访问控制。例如:文件中的第一个链接对象,叫做document.links[0], 第二个链接对象,叫做document.links[1],依次类推。

1.语法

       document.链接名.属性

        document. 链接名.方法

       document.links[].属性

        document.links[].方法

2.属性

hash  表示URL字符串中锚点的名称。

host   表示主机域名或IP地址。

hostname 表示URL当中的host与port的部分。

href   完整的URL字符串。

pathname  表示URL当中的目录路径(path)部分。

port  表示URL当中的通信端口(port)部分。

protocol  表示URL当中的通信协议部分

search  表示URL当中的查询字符串部分。

target  代表目标的窗口,即HTML中的TARGET属性

text  表示A标记中的文字。

3.事件

onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown

4.举例

5.1.11图像对象(IMAGES)

当文件中包含<IMG>标记时,JavaScript自动建立相对应的图像对象。这些对象可以用document的images属性,搭配数组的索引方式来进行访问控制。例如:文件中的第一个图像对象,叫做document. images [0], 第二个图像对象,叫做document. images [1],依次类推。

1.建立图像对象:new image([宽度,][高度])

2.属性

src 图像的URL,SRC属性。

border 图像的边框,<IMG>标记的BORDER属性。

width  图像的宽度,WIDTH属性。

height 图像的高度,HEIGHT属性。

hspace 图像水平空白,HSPACE属性。

vspace 图像垂直空白,VSPACE属性。

lowsrc 图像的第分辨率版本,LOWSRC属性。

complete  表示浏览器是否完成了图像的加载,一个布尔值。

3.事件: onAbort、onError、onLoad、onKeyDown、onKeyPress、onKeyUp

表单对象(FORM)

      表单对象(Form)提供一个让客户端输入文字或进行选择的功能,例如:单选按钮、复选框、选择列表等。由<FORM>标记组构成,JavaScript自动建立一个表单对象,并将用户端的信息送至服务器进行处理。表单对象是文件对象的子对象,同时,它也包含许多子对象。

1.表单对象的使用格式

       document.forms[索引值].属性      document.forms[索引值].方法(参数群)      

       document.表单名称.属性

       document.表单名称.方法(参数群)

2.常用属性

Name:表单名,相当于<FORM>标记的name属性

Action:相当于<FORM>标记的ACTION属性。

Method:输入窗体的数据传送到服务器上的方式,即(FORM)标记中的METHOD属性。

Elements:表单中的所有控件,以数组索引值表示

Length:表单中的控件的个数。

2.常用属性

Checkbox:复选框,(该属性本身也是一个对象)。

Hidden:<INPUT TYPE=”HIDDEN”>隐藏对象。

Button:<INPUT TYPE=”BUTTON”>按钮,(该属性本身也是一个对象)。

Radio:单选按钮,(该属性本身也是一个对象)。

Reset:复位按钮,(该属性自身也是一个对象)。

Submit:提交按钮,(该属性本身也是一个对象)。

Text:单行文本,(该属性本身也是一个对象)。

Textarea:多行文本,(该属性本身也是一个对象)。

Select:<SELECT>选择框,(该属性本身也是一个对象)。

3.常用方法

Submit() 提交表单(与Submit按钮的作用相同)。

reset()   重写表单(与使用reset按钮的作用相同)。

转载于:https://www.cnblogs.com/Aha-Best/p/10944839.html

你可能感兴趣的文章
eCharts 折线图,动态绑定数据不更新图表的问题,
查看>>
java基础二 分支循环
查看>>
python--002--数据类型(list、tuple)
查看>>
把近期的小错误整理一下
查看>>
动态规划 —— 背包问题一 专项研究学习
查看>>
51nod 1571 最近等对 | 线段树 离线
查看>>
关于parseInt的看法
查看>>
从用户端到后台系统,严选分销教会我这些事
查看>>
数据分析融入至BI工具的新思路
查看>>
c#必会知识点
查看>>
网页使用MD5加密
查看>>
JS 基础
查看>>
HBase shell 中的十六进制数值表示
查看>>
Python3 中 configparser 模块解析配置的用法详解
查看>>
新手android环境搭建、debug调试及各种插件安装__图文全解
查看>>
未在本地计算机上注册“Microsoft.Jet.OLEDB.4.0”提供程序 win2008R2 X64 IIS7.5
查看>>
Diffuse贴图+Lightmap+Ambient
查看>>
矩阵树定理
查看>>
[算法]Evaluate Reverse Polish Notation
查看>>
go语言之进阶篇接口的定义和实现以及接口的继承
查看>>