2017年02月_iteye_5722

select对象和option对象联合应用

一代码1、在页面中添加一个2行3列的表格，在左右两边的单元格中添加滚动列表，在中间的单元格中添加两个按钮。代码如下：<form name="form1" method="post" action=""><table width="380" border="0" align="center" cellpadding="0

2017-02-28 20:05:42 132

删除下拉列表中的选项

一介绍删除下拉列表中的单个选项可以用select对象的remove()、focus()方法和selectedIndex属性来实现。1、remove()方法该方法用于在下拉列表中删除指定的option对象。myselect.remove(index)myselect：当前要删除选项的select对象的名称。index：要删除的option对象的下标。例如，删除m...

2017-02-28 20:02:24 797

框架的创建

一介绍框架可以在同一个浏览器的窗口中打开多个网页，并且这些网页之间并不独立，网页与网页之间是相互关联的。框架的创建主要通过<frameset>标签和<frame>标签实现，基本的语法结构如下。语法：<html><head><meta http-equiv="Content-Type" content="text/ht...

2017-02-27 20:52:57 143

表单基础

一介绍所有表单都是通过<form>标签开始，使用</form>标签结束，一个页面可以定义多个表单，但是表单不可以嵌套，即表单中不可以再定义表单。HTML表单提供了几种输入信息的元素，包括单选框、复选框、文本框等表单元素，待用户添加或选择表单元素的信息后，一般情况下都将这些信息添加到Web服务器，然后由服务器程序（JSP程序、PHP程序等）处理这些信息。表单的...

2017-02-27 20:49:22 139

anchors数组

一介绍anchors数组包含了文档中定义的所有锚点（<a>…</a>）标记，可以通过该数组来访问和查找某个锚点。anchors数组中存储锚点的顺序是以锚点在文档中出现的顺序存储的，该数组的下标是从0开始。anchors数组常用的属性如下。length属性该属性用来获取文档中锚点的总数。语法：[number=]document.anchors...

2017-02-26 09:48:52 212

all数组

一介绍all数组包含了文档中所有的HTML标记，可以通过该数组来访问和查找某个标记。all数组中存储标记的顺序是以标记在文档中出现的顺序存储的，该数组的下标是从0开始。all数组常用的属性如下。length属性该属性用来获取文档中HTML标记的总数。语法：[number=]document.anchors.lengthnumber：用来存储文档中HTML标记的总数，...

2017-02-26 09:44:45 164

链接对象links

一介绍在JavaScript中链接对象是文档对象的一个属性。在每个文档对象中都可以定义多个链接对象，而每一个链接对象都存储在links[]数组中。链接对象以在页面中出现的顺序存储在links[]数组中。链接对象常用的属性及说明如下所示。链接对象的常用属性及说明属性说明hash链接URL中锚的部分并包括“#”符号host链接URL中...

2017-02-25 19:52:49 377

获取文本框并修改其内容

一介绍获取文本框并修改其内容可以使用getElementById()方法来实现。getElementById()方法可以通过指定的id来获取HTML标记，并将其返回。语法：sElement=document.getElementById(id)sElement：用来接收该方法返回的一个对象。id：用来设置需要获取HTML标记的id值。二应用获取文本框并修...

2017-02-25 19:50:00 428

动态添加一个HTML标记

一介绍动态添加一个HTML标记可以使用createElement()方法来实现。CreateElement()方法可以根据一个指定的类型来创建一个HTML标记。语法：sElement=document.createElement(sName)sElement：用来接收该方法返回的一个对象。sName：用来设置HTML标记的类型和基本属性。二应用动态添加...

2017-02-24 18:19:38 451

打开新窗口并输出内容

一介绍打开新窗口并输出内容可以使用open()方法和close()方法来实现。open()方法该方法用来打开文档输出流，并接收write()方法或writeln()方法的输出，此方法可以不指定参数。语法：[obj=]document.open([url][,name])obj：用来存储open()方法返回的值，obj是可选项。url：用来指定打开文档或窗口的URL。...

2017-02-24 18:17:14 592

文档中输出数据

一介绍在文档中输出数据可以使用write()方法和writeln()方法来实现。write()方法该方法用来向HTML文档中输出数据，其数据包括字符串、数字和HTML标记等。语法：document.write(text);text：在HTML文档中输出的内容。writeln()方法该方法与write()方法作用相同，唯一的区别在于writeln()方法在输出的内...

2017-02-23 20:42:21 138

获取对象的当前状态

一介绍在文档中获取某个对象的当前状态可以使用readyState属性来实现。readyState属性是用来获取文档中某个对象的当前状态。语法：[state=]obj.readyStateobj：需要显示状态的对象，必选项。state：字符串变量，用来获取当前对象的状态，状态值及说明如下表所示。状态值说明loading表示该对象正...

2017-02-23 20:35:13 548

原创查看文档创建日期、修改日期和文档大小

一介绍查看文档创建日期、修改日期和文档大小，可以使用fileCreatedDate属性、fileModifiedDate 属性、lastModified属性和fileSize属性来实现。fileCreatedDate属性该属性用来获取文档的创建日期。语法：[date=]fileCreatedDatedate：字符串变量，用来存储文档的创建日期。date是可选项。fi...

2017-02-22 20:09:35 542 1

动态标题栏

一介绍设置动态标题栏可以使用title属性来实现。title属性用来获取或设置文档的标题。语法：[Title=]document.title[=setTitle]setTitle：用来设置文档的标题。setTitle是可选项。Title：字符串变量，用来存储文档的标题。Title是可选项。二动态标题栏在浏览网页时，经常会看到一些IE浏览器中标题栏的信息不...

2017-02-22 20:08:59 255

文档前景色和背景色设置

一介绍文档前景色和背景色的设置可以使用gbColor属性和fgColor属性来实现。bgColor属性该属性用来获取或设置页面的背景颜色。语法：[color=]document.bgColor[=setColor]setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。color：字符串变量，用来获取颜色值，color是可选项。fgColor...

2017-02-22 20:02:22 701

document对象

一 document对象概述文档对象（document）代表浏览器窗口中的文档，该对象是window对象的子对象，由于window对象是DOM对象模型中的默认对象，因此window对象中的方法和子对象不需要使用window来引用。通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。例如表单、图像、表格和超链接等。二 d...

2017-02-21 20:48:45 253

链接文字颜色设置

1、介绍链接文字颜色设置通过使用alinkColor属性、linkColor属性和vlinkColor属性来实现。alinkColor属性该属性用来获取或设置当链接获得焦点时显示的颜色。语法：[color=]document.alinkcolor[=setColor]setColor：设置颜色的名称或颜色的RGB值，setColor是可选项。color：字符串变量，用...

2017-02-21 20:48:31 715

Window moveBy() 方法

定义和用法moveBy() 方法可相对窗口的当前坐标把它移动指定的像素。语法window.moveBy(x,y) 实例<!DOCTYPE html><html><head><meta charset="gb2312"><title>moveBy</title>

2017-02-20 20:40:57 281

Window scrollTo() 方法

定义和用法scrollTo() 方法可把内容滚动到指定的坐标。语法scrollTo(xpos,ypos) 参数描述xpos必需。要在窗口文档显示区左上角显示的文档的 x 坐标。ypos必需。要在窗口文档显示区左上角显示的文档的 y 坐标。实例<!DOCTYPE html><html&g...

2017-02-20 20:33:45 2574

Window setInterval() 方法

定义和用法setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。提示： 1000 毫秒= 1 秒。语法setInterval(code...

2017-02-19 10:18:42 160

Window scrollBy() 方法

定义和用法scrollBy() 方法可把内容滚动指定的像素数。注意：要使此方法工作 window 滚动条的可见属性必须设置为true！语法scrollBy(xnum,ynum) 参数描述xnum必需。把文档向右滚动的像素数。ynum必需。把文档向下滚动的像素数。实例 <!DOCTYPE ht...

2017-02-19 10:17:54 1289

Window resizeBy() 方法

定义和用法resizeBy() 方法用于根据指定的像素来调整窗口的大小。注意：此方法定义指定窗口的右下角角落移动的像素，左上角将不会被移动(它停留在其原来的坐标).语法resizeBy(width,height)参数描述width必需。要使窗口宽度增加的像素数。可以是正、负数值。height可选。要使窗口高度增加的像素数。可以是正...

2017-02-18 09:25:10 239

Window setTimeout() 方法

定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。提示: 1000 毫秒 = 1 秒.语法setTimeout(code,millisec,lang)参数描述code必需。要调用的函数后要执行的 JavaScript 代码串。millisec必需。在执行代码前需等待的毫秒数。lang可选...

2017-02-18 09:24:27 226

Window moveTo() 方法

定义和用法moveTo() 方法可把窗口的左上角移动到一个指定的坐标。语法window.moveTo(x,y)实例<!DOCTYPE html><html><head><meta charset="gb2312"><title>moveTo</title>&l

2017-02-17 19:17:55 532

Window close() 方法

定义和用法close() 方法用于关闭浏览器窗口。语法window.close()实例<!DOCTYPE html><html><head><meta charset="gb2312"><title>关闭窗口</title><script>

2017-02-17 19:15:20 566

Window open() 方法

定义和用法open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法window.open(URL,name,specs,replace)参数说明URL可选。打开指定的页面的URL。如果没有指定URL，打开新的空白窗口。name可选。指定target属性或窗口的名称。支持以下值：_blank - URL加载到一个新的...

2017-02-16 19:58:42 80

Window prompt()方法

一定义和用法prompt()方法用于显示可提示用户进行输入的对话框。这个方法返回用户输入的字符串。二语法prompt(msg,defaultText)msg可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText可选。默认的输入文本。三代码<!DOCTYPE html><html>...

2017-02-16 19:52:01 357

对象拖动事件

一介绍拖放对象事件包含ondrag、ondragend和ondragstart事件。ondrag事件是当某个对象被拖动时触发事件处理程序。ondragend事件是当鼠标拖动结束时触发事件处理程序，即当鼠标的按钮被释放时触发该事件。ondragstart事件是当某对象将被拖动时触发事件处理程序，即当鼠标按下，开始移动鼠标时触发该事件。二应用在图片被拖动时，在窗口的标题栏...

2017-02-15 20:16:26 196

网页禁止剪切事件

一介绍剪切事件是在浏览器中剪切被选中的内容时触发事件处理程序，剪切事件包括onbeforecut和oncut两个事件。onbeforecut事件是当页面中的一部分或全部内容被剪切到浏览者系统剪贴板时触发事件处理程序。oncut事件是当页面中被选择的内容被剪切时触发事件处理程序。二应用屏蔽在文本框中进行剪切的操作。三代码<body>...

2017-02-15 20:13:36 117

禁止网页复制

一介绍复制事件复制事件是在浏览器中复制被选中的部分或全部内容时触发事件处理程序。复制事件包括onbeforecopy和oncopy两个事件。onbeforecopy事件是将网页内容复制到剪贴版时触发事件处里程序。oncopy事件是在网页中复制内容时触发事件处理程序。二应用不允许复制网页中的内容。三代码<body oncopy="re...

2017-02-14 20:17:18 145

onstart事件

一介绍onstart事件是在<marquee>标记中的文本开始显示时触发事件处理程序。可以通过该事件在滚动内容显示时，设置其颜色、样式、滚动方向等。二应用动态设置滚动字幕的颜色和滚动方向本示例是通过<marquee>标记的onstart事件，在滚动字幕显示时，动态设置滚动字幕的字体颜色和滚动方向。三代码<marquee ...

2017-02-14 20:14:59 656

onbounce事件

1 介绍onbounce事件是在<marquee>标记中的内容滚动到上下或左右边界时触发的事件处理程序，该事件只有在<marquee>标记的behavior属性设为aloernate时才有效。 2 应用字幕滚动到窗口边界时速度逐渐加快（减慢）本示例是将<marquee>标记的behavior属性设为aloernate，direction属性...

2017-02-13 21:28:37 198

表单提交的验证

一应用提交表单时，通过onsubmit事件来判断表单中是否有空文本框，如果有，则不允许提交，并通过表单的onreset事件将表单中的文本框清空，以便重新输入信息。二代码<table width="487" height="333" border="0" align="center" cellpadding="0" cellspacing="0&quot

2017-02-13 21:26:20 152

失去焦点修改事件

一介绍失去焦点修改事件（onchange）是当前元素失去焦点并且元素的内容发生改变时触发事件处理程序。该事件一般在下拉文本框中使用。二应用用下拉文本框改变字体颜色本示例是在用户选择下拉文本框中的颜色时，通过onchange事件来相应的改变文本框的字体颜色。三代码<form name="form1" method="post" action=""...

2017-02-12 08:41:27 419

获得焦点与失去焦点事件

一介绍获得焦点事件（onfocus）是当某个元素获得焦点时触发事件处理程序。失去焦点事件（onblur）是当前元素失去焦点时触发事件处理程序。一般情况下，这两个事件是同时使用的。二应用文本框获得焦点时改变背景颜色本示例是在用户选择页面中的文本框时，改变文本框的背景颜色，当选择其他文本框时，将失去焦点的文本框背景颜色恢复原始状态。三代码<...

2017-02-12 08:33:44 663

加载与卸载事件

一介绍加载事件（onload）是在网页加载完毕后触发相应的事件处理程序，它可以在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。卸载事件（unload）是在卸载网页时触发相应的事件处理程序，卸载网页是指关闭当前页或从当前页跳转到其他网页中，该事件常被用于在关闭当前页或跳转其他网页时，弹出询问提示框。在制作网页时，为了便于网页资原的利用，可以在网页加载事件中对网页中的元素...

2017-02-11 09:36:43 350

键盘事件

一介绍键盘事件包含onkeypress、onkeydown和onkeyup事件。onkeypress事件是在键盘上的某个键被按下并且释放时触发此事件的处理程序，一般用于键盘上的单键操作。onkeydown事件是在键盘上的某个键被按下时触发此事件的处理程序，一般用于组合键的操作。onkeyup事件是在键盘上的某个键被按下后松开时触发此事件的处理程序，一般用于组合键的操作。如果...

2017-02-11 09:33:43 238

鼠标移动事件

一介绍鼠标移动事件（onmousemove）是鼠标在页面上进行移动时触发事件处理程序，可以在该事件中用document对象实时读取鼠标在页面中的位置。二应用在状态栏中显示鼠标在页面中的当前位置本示例是鼠标在页面中移动时，在页面的状态栏中显示当前鼠标在页面上的位置，也就是（x, y）值。结果如图7所示。三代码<script language="j...

2017-02-10 19:28:32 178

鼠标的移入移出事件

一介绍鼠标的移入和移出事件分别是onmouseover和onmousemove事件。其中，onmouseover事件在鼠标移动到对象上方时触发事件处理程序，onmousemove事件在鼠标移出对象上方时触发事件处理程序。可以用这两个事件在指定的对象上移动鼠标时，实现对象的动态效果。二代码<script language="javascript">...

2017-02-10 19:26:35 421

鼠标的按下或松开事件

一介绍鼠标的按下或松开事件分别是onmousedown和onmouseup事件。其中，onmousedown事件在鼠标按下时触发事件处理程序，onmouseup事件是在鼠标松开时触发事件处理程序。在用鼠标单击对象时，可以用这两个事件实现动态效果。二应用用事件制作超链接文本用onmousedown和onmouseup事件将文本制作成类似于<a>（超链接...

2017-02-09 21:38:19 1862

空空如也

空空如也