java document对象详解
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性
document.title // 设置文档标题等价于HTML的<title>标签
document.bgColor // 设置页面背景色
document.fgColor // 设置前景色(文本颜色)
document.linkColor // 未点击过的链接颜色
document.alinkColor // 激活链接(焦点在此链接上)的颜色
document.vlinkColor // 已点击过的链接颜色
document.URL // 设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate // 文件建立日期,只读属性
document.fileModifiedDate // 文件修改日期,只读属性
document.fileSize // 文件大小,只读属性
document.cookie // 设置和读出cookie
document.charset // 设置字符集 简体中文:gb2312
---------------------------------------------------------------------
对象方法
document.write() // 动态向页面写入内容
document.createElement_x(Tag) // 创建一个html标签对象
document.getElementByIdx_x(ID) // 获得指定ID值的对象
document.getElementsByName(Name) // 获得指定Name值的对象
---------------------------------------------------------------------
images 集合(页面中的图象)
a) 通过集合引用
document.images // 对应页面上的<img>标签
document.images.length // 对应页面上<img>标签的个数
document.images[0] // 第1个<img>标签
document.images[i] // 第i-1个<img>标签
b) 通过nane属性直接引用
<img name="oImage">
document.images.oImage //document.images.name 属性
c) 引用图片的src属性
document.images.oImage.src //document.images.name 属性.src
d) 创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
// 同时在页面上建立一个<img>标签与之对应就可以显示
<html>
<img name=oImage>
<script language="javascript">
var oImage
oImage = new Image()
document.images.oImage.src="/1.jpg"
</script>
</html>
----------------------------------------------------------------------
forms 集合(页面中的表单)
a) 通过集合引用
document.forms // 对应页面上的<form>标签
document.forms.length // 对应页面上<form>标签的个数
document.forms[0] // 第1个<form>标签
document.forms[i] // 第i-1个<form>标签
document.forms[i].length // 第i-1个<form>中的控件数
document.forms[i].elements[j] // 第i-1个<form>中第j-1个控件
b) 通过标签name属性直接引用
<form name="Myform"><input name="myctrl"></form>
document.Myform.myctrl //document. 表单名.控件名
-----------------------------------------------------------------------
<html>
<!--Text 控件相关Script-->
<form name="Myform">
<input type="text" name="oText">
<input type="password" name="oPswd">
<form>
<script language="javascript">
// 获取文本密码框的值
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>
-----------------------------------------------------------------------
<html>
<!--Select 控件相关Script-->
<form name="Myform">
<select name="oSelect">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<script language="javascript">
// 遍历select控件的option项
var length
length=document.Myform.oSelect.length
for(i=0;i<length;i++)
document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
// 遍历option项并且判断某个option是否被选中
for(i=0;i<document.Myform.oSelect.length;i++){
if(document.Myform.oSelect[i].selected!=true)
document.write(document.Myform.oSelect[i].value)
else
document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>")
}
</script>
<script language="javascript">
// 根据SelectedIndex打印出选中的option
//(0 到document.Myform.oSelect.length-1)
i=document.Myform.oSelect.selectedIndex
document.write(document.Myform.oSelect[i].value)
</script>
<script language="javascript">
// 动态增加select控件的option项
var oOption = document.createElement_x("OPTION");
oOption.text="4";
oOption.value="4";
document.Myform.oSelect.add(oOption);
</script>
<html>
-----------------------------------------------------------------------
<Div id="oDiv">Text</Div>
document.all.oDiv // 引用图层oDiv
document.all.oDiv.style
document.all.oDiv.style.display="" // 图层设置为可视
document.all.oDiv.style.display="none" // 图层设置为隐藏
java document对象详解相关推荐
- Javascript中的Document对象详解
Document对象详解 document 文挡对象 - JavaScript脚本语言描述 -------------------------------------------- ...
- JavaScript核心之Document对象详解(document属性,方法)
目录 1 Document节点概述 2 document节点的属性 2.1 doctype,documentElement,defaultView,body,head,activeElement 2. ...
- document对象详解
document 文挡对象 - JavaScript脚本语言描述 ------------------------------------------------------------------- ...
- JS----window对象详解
一.说明 他是JS中最大的对象,它描述的是一个浏览器窗口,一般要引用他的属性和方法时,不需要用"Window.XXX"这种形式,而是直接使用"XXX".一个框架 ...
- Window对象详解
注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写 否则会提示你1个错误信息 "引用的元素为空或者不是对象" --------------------- ...
- java out对象_JSP out对象详解
JSP out对象详解 out对象就是在Web应用开发过程中使用最多的一个对象,其功能就是动态的向JSP页面输出字符流,从而把动态的内容转化成HTML形式来展示,这个对象在任何JSP页面中都可以任意访 ...
- html内置时间对象,JavaScript中的常用事件,以及内置对象详解
原标题:JavaScript中的常用事件,以及内置对象详解 今天是刘小爱自学Java的第81天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: 学前端有一个非常权威的组织,也就是w3c,其有个专 ...
- Java操作MongoDB详解
Java操作MongoDB详解 1. MongoDB概述 1.1 MongoDB简介 1.2 MongoDB概念 2. MongoDB安装 2.1 MongoDB下载 2.2 MongoDB安装 2. ...
- Java内存溢出详解之Tomcat配置
Java内存溢出详解 转自:http://elf8848.iteye.com/blog/378805 一.常见的Java内存溢出有以下三种: 1. java.lang.OutOfMemoryError ...
- java基础(十三)-----详解内部类——Java高级开发必须懂的
java基础(十三)-----详解内部类--Java高级开发必须懂的 目录 为什么要使用内部类 内部类基础 静态内部类 成员内部类 成员内部类的对象创建 继承成员内部类 局部内部类 推荐博客 匿名内部 ...
最新文章
- 5.3 Spring事物管理详解 我的程序猿之路:第四十二章
- 查看redis缓存大小_一个 bug 引发了服务器崩溃,对应 redis 的 key 回收原理你清楚了吗?...
- 用7*7的卷积核分类9*9的图片到底应该用几个卷积核?55个
- 干货 | 广电行业数字化时代的「数据破局」指南
- Java--多线程编程
- java NIO 文章
- 使用TensorFlow进行深度学习-第2部分
- Java中线程的创建有两种方式
- ofstream清空文件内容_回收站被删除的文件怎么恢复 回收站清空了怎么恢复
- jsp+mysql汽车维修管理系统的设计与开发_基于JSP+MySQl的计算机学院设备报修管理系统.doc...
- 2018年第十三届中国Linux内核开发者大会(CLK)征稿启事
- w10如何共享计算机硬盘,Win10如何设置局域网磁盘共享?操作方法分享
- 吴思进——复杂美创始人首席执行官
- 地下市场金融牌照疯狂买卖:全牌照可以卖十几个亿
- Android程序水印效果
- Survey on Human pose estimation
- 聊天室页面问题和解决方案
- FPGA入门实验-基于状态机实现串口回环收发
- mac找到local文件夹
- 安大计算机学院李伟教授,安徽大学高教所研究生导师聘任仪式在我校举行
热门文章
- 国产系统deepin。为什么要国产化?国产化意味着什么?(含Deepin系统部分问题解决)
- 一文了解基金投资的方法
- Ngnix 搭建视频直播服务器
- 计算机基础(一):二进制详解
- 单片机、微处理器的WiFi http协议 网页响应
- chipsel语言_英美句子的不同表达
- 更改C盘用户文件夹名
- 蜡笔小新钢达姆机器人_《蜡笔小新》当中出现的组合,小伙伴们最喜欢谁?
- 苹果保修期查询_保修期还有6个月的IPhone X 换个“新”主板变“过保”了 维修点这样回应...
- 【文献翻译】用于5G蜂窝的毫米波移动通信:我看行!