- 浏览: 407107 次
- 性别:
- 来自: 郑州
文章分类
最新评论
-
yan789654100:
先谢谢了,去研究一下
Java网络围棋游戏源码含大厅,仿QQ游戏 -
dan0773:
火狐里面用不了
梅花雨日历控件源码,及应用实例 -
左手边:
挺好的不错
Velocity教程 -
liuxuejin:
既然是教程,连个例子都没有!顶多是个笔记而已
Velocity教程 -
sky_pearl:
泪奔……求大厅代码!!!
Java网络围棋游戏源码含大厅,仿QQ游戏
document 文挡对象 - JavaScript脚本语言描述
---------------------------------------------------------------------
注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写
否则会提示你一个错误信息 "引用的元素为空或者不是对象"
---------------------------------------------------------------------
对象属性
---------------------------------------------------------------------
常用对象方法
---------------------------------------------------------------------
body-主体子对象
常用对象事件
---------------------------------------------------------------------
location-位置子对象
---------------------------------------------------------------------
selection-选区子对象
document.selection
---------------------------------------------------------------------
images集合(页面中的图象)
a)通过集合引用
b)通过nane属性直接引用
c)引用图片的src属性
d)创建一个图象
同时在页面上建立一个<img>标签与之对应就可以显示
----------------------------------------------------------------------
forms集合(页面中的表单)
a)通过集合引用
b)通过标签name属性直接引用
c)访问表单的属性
-----------------------------------------------------------------------
-----------------------------------------------------------------------
图层对象的4个属性
---------------------------------------------------------------------
注:页面上元素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(Tag) //创建一个html标签对象 document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象 document.body.appendChild(oTag)
---------------------------------------------------------------------
body-主体子对象
document.body //指定文档主体的开始和结束等价于<body></body> document.body.bgColor //设置或获取对象后面的背景颜色 document.body.link //未点击过的链接颜色 document.body.alink //激活链接(焦点在此链接上)的颜色 document.body.vlink //已点击过的链接颜色 document.body.text //文本色 document.body.innerText //设置<body>...</body>之间的文本 document.body.innerHTML //设置<body>...</body>之间的HTML代码 document.body.topMargin //页面上边距 document.body.leftMargin //页面左边距 document.body.rightMargin //页面右边距 document.body.bottomMargin //页面下边距 document.body.background //背景图片 document.body.appendChild(oTag) //动态生成一个HTML对象
常用对象事件
document.body.onclick="func()" //鼠标指针单击对象是触发 document.body.onmouseover="func()" //鼠标指针移到对象时触发 document.body.onmouseout="func()" //鼠标指针移出对象时触发
---------------------------------------------------------------------
location-位置子对象
document.location.hash // #号后的部分 document.location.host // 域名+端口号 document.location.hostname // 域名 document.location.href // 完整URL document.location.pathname // 目录部分 document.location.port // 端口号 document.location.protocol // 网络协议(http:) document.location.search // ?号后的部分 documeny.location.reload() //刷新网页 document.location.reload(URL) //打开新的网页 document.location.assign(URL) //打开新的网页 document.location.replace(URL) //打开新的网页
---------------------------------------------------------------------
selection-选区子对象
document.selection
---------------------------------------------------------------------
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> <html> <script language="javascript"> oImage=document.caeateElement("IMG") oImage.src="1.jpg" document.body.appendChild(oImage) </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.表单名.控件名
c)访问表单的属性
document.forms[i].name //对应<form name>属性 document.forms[i].action //对应<form action>属性 document.forms[i].encoding //对应<form enctype>属性 document.forms[i].target //对应<form target>属性 document.forms[i].appendChild(oTag) //动态插入一个控件
-----------------------------------------------------------------------
<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> <!--checkbox,radio控件相关script--> <form name="Myform"> <input type="checkbox" name="chk" value="1">1 <input type="checkbox" name="chk" value="2">2 </form> <script language="javascript"> function fun(){ //遍历checkbox控件的值并判断是否选中 var length length=document.forms[0].chk.length for(i=0;i<length;i++){ v=document.forms[0].chk[i].value b=document.forms[0].chk[i].checked if(b) alert(v=v+"被选中") else alert(v=v+"未选中") } } </script> <a href=# onclick="fun()">ddd</a> </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("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.display="" //图层设置为可视 document.all.oDiv.style.display="none" //图层设置为隐藏 document.getElementId("oDiv") //通过getElementId引用对象 document.getElementId("oDiv").style="" document.getElementId("oDiv").display="none" /*document.all表示document中所有对象的集合 只有ie支持此属性,因此也用来判断浏览器的种类*/
图层对象的4个属性
document.getElementById("ID").innerText //动态输出文本 document.getElementById("ID").innerHTML //动态输出HTML document.getElementById("ID").outerText //同innerText document.getElementById("ID").outerHTML //同innerHTML <html> <script language="javascript"> function change(){ document.all.oDiv.style.display="none" } </script> <Div id="oDiv" onclick="change()">Text</Div> </html> <html> <script language="javascript"> function changeText(){ document.getElementById("oDiv").innerText="NewText" } </script> <Div id="oDiv" onmouseover="changeText()">Text</Div> </html>
发表评论
-
Extjs 文本框 TextField 添加点击(onclick)事件方法
2010-11-26 11:22 3951new Ext.Toolbar.TextItem('工具条:' ... -
JS获取浏览器信息方法
2009-08-21 10:46 1431function Browser() { var ... -
日历控件
2009-08-21 10:40 1098Cool 日历控件 演示地址http://www.ijava ... -
随滚动条移动的层
2008-08-14 17:52 2020<!DOCTYPE html PUBLIC " ... -
Ajax 编码转换,解决乱码问题
2008-07-14 23:11 2163Ajax 编码转换,解决乱码问题 <!DOCTYPE ... -
在Firefox 关闭时处理事件的Event
2007-07-26 22:22 2749今天写程序时需要在网页关闭时处理一些代码,在Ie下处理没有问题 ... -
java + ajax 视频 聊天室
2007-07-22 14:41 2582最近在做一个 java + ajax + fms 的视频聊天室 ... -
梅花雨日历控件源码,及应用实例
2007-07-22 14:26 3270这是梅花雨做的一个日历 Javascript 页面脚本控件,适 ... -
DWRUtils API 使用方法
2007-07-06 18:18 1185DWRUtils API 使用方法(转载) Tag:aja ... -
ajaxanywhere 总结
2007-07-05 23:01 2431ajaxanywhere 总结: 1,简介 AjaxAnywh ... -
dojo TabContainer,怎么选择动态选择标签
2007-07-03 12:12 2126当前 tab 选择的是 div2 ,我想在 tab2里边提交后 ... -
DWR级联下拉列表
2007-06-25 21:14 3893访问数据库的部分: /* * 获取所有大类的类别列表 ... -
WebWork2.2新特性(二):数据校验 validator
2007-06-25 19:28 1389WebWork2.2新特性(二):数据校验 validator ... -
DWR让Ajax如此简单
2007-06-02 21:15 3178这篇文章阐述了使用开源项目DWR(直接Web远程控制) ... -
Ajax文件上传源码
2007-06-02 10:09 1745不错的带进度条 Ajax文件上传源码 -
DWR中文文档v0.9 DWR 2.0
2007-05-22 17:05 5842DWR中文文档v0.9 DWR 2.0 方 ...
相关推荐
比Document对象本身更有趣的,是那些表示文档的内容的对象。HTML文档可以包含文本、图像、超链接,以及表单元素等等。JavaScript代码可以访问和操作表示每个文档元素的对象。能够直接访问表示一个文档的内容的对象。...
- JavaScript是一种脚本语言,通常用于在Web浏览器中实现交互式功能。 - 基本数据类型包括数字、字符串、布尔值、数组、对象等。 - JavaScript具有C和Java等语言的语法特征,但也有一些独特的特性,如弱类型和动态...
第一讲 JavaScript语言概况 Internet时代,造就了我们新的工作和生活方式,其互联性、开放性和共享信息的模式...因此,尽快掌握JavaScript脚本语言编程方法是我国广大用户日益关心的。 一、什么是JavaScript .....
一、JavaScript是一种专为与网页交互而设计的脚本语言,它的的组成 ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMA-262定义的ECMAScrip与Web浏览器没有依赖关系,ECMA-262...
这一章简单介绍了 JavaScript,Netscape 跨平台的基于对象的适用于客户和服务器应用程序的脚本语言。 客户端的 JavaScript 服务器端的 JavaScript JavaScript 对象 JavaScript 安全性 第二章 操作符 JavaScript ...
2,通过控制台查看目的网页的DOM文档树,执行JavaScript脚本, 界面介绍: 1, 命令历史窗口:保存命令的历史 2, 命令窗口 直接输入javascript语句,如:document.title; 将返回被调试页面的页面标题; ...
3.1 我能用什么来编写脚本--适合编写JavaScript的文本编辑器 3.2 来自浏览器的支持 3.3 集成开发环境 3.4 调试工具--提升开发效率的利器 3.5 定位代码和调用堆栈 3.6 浏览器捕获异常 3.7 ...
document 文挡对象 – JavaScript脚本语言描述 ——————————————————————— 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 “引用的元素为空或者...
JavaScript 是 Netscape 跨平台的基于对象的适合于客户和服务器的脚本语言。 本书已经更新于 JavaScript 1.2 的新特性,其它包括了 JavaScript 支持层和样式单的属性和对象。要获得关于这些主题的详细信息,请参看 ...
第2篇 JavaScript内置对象篇 第3章 JavaScript内置对象 43 3.1 JavaScript对象概述 43 3.1.1 对象的概念 43 3.1.2 使用JavaScript对象 基础知识 44 3.2 Array对象 46 3.2.1 创建Array对象 46 3.2.2 Array对象属性 ...
1.3.2 选择JavaScript脚本编辑器 1.4 如何引入JavaScript脚本代码 1.4.1 通过[removed]与[removed]标记对引入 1.4.2 通过[removed]标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序...
1.3.2 选择JavaScript脚本编辑器 1.4 如何引入JavaScript脚本代码 1.4.1 通过与标记对引入 1.4.2 通过标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript...
1.3.2 选择JavaScript脚本编辑器 1.4 如何引入JavaScript脚本代码 1.4.1 通过与标记对引入 1.4.2 通过标记的src属性引入 1.4.3 通过JavaScript伪URL引入 1.4.4 通过HTML文档事件处理程序引入 1.5 嵌入JavaScript脚本...
2.8 编写JavaScript 脚本 第3 章 JavaScript 基本语法 3.9 JavaScript 基本数据结构 3.10 JavaScript 运算符和表达式 3.11 JavaScript 控制结构和循环 第4 章 Window 窗口对象 4.12 Window 窗口对象的属性 4.13 ...
第18 章 JavaScript 语言扩展. 18.51 ActiveX 通信 18.52 调用插入件 第19 章网上购物系统. 19.53 示例特性 19.54 源代码 19.55 功能概述 19.56 程序详解 第20 章 2000 珍藏版. 20.57 Cookie 入门 20.58 ...
D:document 文档 浏览器加载的页面 DOM O:object 对象 页面及页面中的任何元素都是对象 M:module 模型 页面中的元素的组织形式 DOM被W3C组织设计为一种平台无关、语言无关的API,程序或脚本通过其动态访问、修改文档...
3.1.2 使用JavaScript对象基础知识 3.2 Array对象 3.2.1 创建Array对象 3.2.2 Array对象属性 3.2.3 Array对象方法 3.3 String对象 3.3.1 创建String对象 3.3.2 String对象属性 3.3.3 String对象方法...
此外,JavaScript是一种解释性脚本语言,提供了比其他语言更加灵活、更加宽松的程序设计环境,程序设计新手在这种环境中能够很快适应。 《JavaScript权威指南》全面介绍了JavaScript语言的核心,以及Web浏览器中实现...
* * * * * * * * * * JavaScript基础 HTML: 相当于一个文档,里面是要给用户的信息。使用他提供的一些标签,来把你想传递给用户的信息进行合理编排,使信息更好的传递给用户...”)</ script > JavaScript脚本使用 ale
最通用的定义为:XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。来自MSDN的...