- + P A

- JavaScript第 七 章

      javascript 2007-9-10 7:18
输 入 表 单 (form) 对 某 些 Internet 上 的 网 页 而 言 是 很 重 要 的。 通 常 form 的 输 入 内 容 会 被 送 回 server 中 做 处 理。 JavaScript 具 有 确 认 输 入 值 的 功 能， 可 以 事 先 确 保 这 些 值 是 属 於 "合 法 的"，进 而 避 免 将 错 误 的 输 入 值 送 回 server。 首 先 我 将 告 诉 您 如 何 对 form 的 输 入 做 确 认 的 工 作， 再 来我 将 会 提 到 用 JavaScript 将 资 料 送 回 server 的 可 能 性。

咱 们 开 始 吧 ! 我 先 写 一 个 简 单 的 语 法。 在 下 面 我 加 了 两 个 text- 元 件 (element)， 请 将 您 的 大 名 写入 第 一 个 空 格， 并 将 您 的 e-mail address 写 入 第 二 个 空 格。 您 可 在 这 两 个 空 格 中 任 意 输 入 并 按 下按 钮。 您 也 可 以 不 输 入 任 何 东 西 就 按 下 按 钮 试 试 !

请 输 入 您 的 大 名 :

标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript第 六 章

      javascript 2007-9-10 7:17
许 多 网 友 问 我 一 个 有 趣 的 问 题 : 如 何 用 mouse 按 一 下 便 可 同 时 载 入 两 页 文 件。 基 本 上 有 三 种 方法 可 以 达 到 这 种 功 能。 第 一 种 方 法 是 制 作 一 个 按 钮， 让 使 用 者 按 下 後 去 启 动 一 个 能 同 时 将 两 份文 件 载 入 不 同frames或 新 视 窗 的 函 式 (function)。 若 您 曾 经 看 过 此 份 简 介 文 件 的 其 它 章 节 的 话，我 相 信 您 可 以 很 轻 易 写 出 这 种 语 法:

我 们 制 作 了 三 个 frame ， 第 一 个 frame 中 包 含 了 一 个 按 钮。 请 注 意， 第 一 个 HTML 档 案 只 是 用来 打 开 frame 和 给 予 每 个 frame 一 个 名 字。 若 您 还 不 清 楚 JavaScript 和 frame 的 关 系， 可 以 先 阅读 第 三 章。 不 过 在 此 还 是 照 例 让 您 瞧 瞧 原 始 码 (不 知 您 是 否 在 很 多 电 脑 书 籍 中 遇 到 一 个 相 同 的困 扰， 那 就 是 作 者 常 把 一 些 自 认 很 简 单 的 东 西 忽 略 不 提， 结 果 那 些 东 西 正 是 读 者 搞 不 懂 的 地 方 ! 所

标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript第 五 章

      javascript 2007-9-10 7:15
阵 列(arrays)的 运 用 是 程 式 设 计 中 一 项 种 要 的 技 术。 每 一 种 程 式 语 言 均 以 某 种 特 定 方 式 来 表 示 阵列。 或 许 您 已 了 解 阵 列 在 程 式 设 计 中 的 好 处， 但 翻 遍Netscape所 提 供 的 文 件， 并 没 有 提 及 如 何 使用 阵 列。 这 是 因 为JavaScript并 不 支 援 阵 列。 但 是 现 在 我 将 教 您 如 何 在JavaScript中 使 用 阵 列。

首 先， 阵 列 是 干 　 用 的?您 可 以 把 它 看 成 一 长 串 的 变 数(variables)。 假 设 您 现 在 需 要 宣 告10个 变 数， 您 可 以 一 个 个 将10个 变 数 宣 告 为 a, b, c ...， 但 当 您 需 要100个 或 更 多 的 变 数 时， 这 种 方 法 将 会变 得 很 麻 烦。 若 您 使 用 一 个 拥 有10个 元 素(elements)的 阵 列(暂 且 命 名 为 'MyArray')来 表 示 这10个变 数， 则 可 以 用 MyArray[1]， MyArray[2]， MyArray[3]...分 别 代 表 第 一,二,三....个 变 数(很 多 程式 语 言 是 从0开 始 当 作 第 一 个 元 素， 但 在JavaScript语 法 中 是 从1开 始)。 因 此 若 您 想 将 第 一 个 元 素 (或 称 变 数)的 值 指 定 为17， 您 只 要 写 成 MyArray[1]=17即 可。 由 此 可 看 出 阵 列 的 功 用 和 一 般 变数 是 相 同 的。 不 光 如 此， 若 您 想 将 所 有 元 素 的 值 均 指 定 为
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript第 四 章

      javascript 2007-9-10 7:12
这章我将告诉您如何在状态列 (statusbar) (也就是您浏览器最下方显示 URLs 的那一行) 显示文字，并且将教您 '跑马灯' (以下简称 scroller ) 的工作原理。虽然以 JavaScript 完成的 scroller 目前仍有些问题 (稍後会提到问题在哪儿?)，但我还是告诉您它是如何写成的。

首先，如何将文字填入 statusbar 呢?下述语法将告诉您如何做到这项功能: (按下按钮後请注视 statusbar 的变化)

很新奇吧! 请看看原始码 : 

<html>
<head>
<script language="JavaScript">
<!-- Hide
function statbar(txt) {
   window.status = txt;
}
// -->
</script>
</head>
<body>
<form>
<input type="button" name="look" value="写入文字
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript第 三 章

      javascript 2007-9-10 7:8
曾 有 许 多 网 友 问 我 有 关JavaScript与 框 架(为 求 方 便， 以 下 均 用frame表 示)合 用 的 问 题。 事 实 上，若 您 同 时 想 用frames和JavaScript的 功 能， 首 先 您 必 需 拥 有Netscape Navigator 2.0 (或 以 上)浏 览 器( 至 少 目 前 是 如 此)。 当 然 也 有 某 些 浏 览 器 支 援frames的 功 能--如:Oracle开 发 的PowerBrowser， 但 此浏 览 器 还 只 是Beta版， 目 前 尚 不 支 援JavaScript。

首 先， 我 稍 微 解 释 一 下frames的 功 用。 因 为frames功 能 才 开 发 不 久， 仍 有 许 多HTML文 件 中 未 使用 这 项 新 功 能。Frames最 主 要 功 用 是"分 割"您 的 视 窗， 使 每 个"小 视 窗"(frame)能 显 示 不 同 的HTM L文 件(译 按:这 有 点 类 似 电 视 的 子 母 画 面)。 更 妙 的 是， 不 同frame之 间 可 以 互 动(interact)， 也 就 是说 不 同frame之 间 可 以 交 换 讯 息 与 资 料(information)。 例 如:假 设 您 开 了 两 个frames， 第 一 个frame可显 示 普 通HTML文 件， 第 二 个frame可 显 示 工 具 列(toolbar)。 此 工 具 列 中 可 包 含 浏 览 您homepage所需 的 各 种 按 钮。 如 此 一 来， 即 使 第 一 个frame载 入 了 另 一 个HTML文 件， 您 仍 可 在 第

标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript第 二 章

      javascript 2007-9-10 7:5
范 例 5：

在 这 一 部 分 首 先 要 为 你 展 示 的 JavaScript 特 性 是 将 你 的 滑 鼠 移 到 这 个 不 同 颜 色

的连 结上 面， 此 时 看 看 浏 览 器 下 的 状 态 列 有 何 结 果。 然 後 这 样 的 功 能 我 们 可 以

与 JavaScript 的 功 能 相 结 合。 好， 现 在 再 将 你 的 滑 鼠 移 到 本 处 不 同 颜 色 的连 结上

面， 你 应 该 会 发 现 有 一 个 视 窗 出 现， 是 吧？！ 如 何！ 怎 麽 做 到 的 呢？ 以 下 就 是

这 一 个 连 结 的 作 法： 

<a href="tpage.htm" onMouseOver="window.status='Just another stupid link...'; return true">
在 这 儿 你 只 要 在 传 统 <a> 的 标 签 中 加 入 onMouseOver 的 method， 就 可 达 成 你 要 的
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript第 一 章

      javascript 2007-9-10 7:1

  JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。

透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路

来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)

处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。你也可

以想像成有一个可执行程式在你的客端上执行一样！目前已有一些写好的程式在

Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。


JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂

许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者

可以不那麽注重程式技巧，所以许多 Java 的特性在 Java Script 中并不支援。

如需相关的更多资讯，可以去读读 Netscape 的有关 Netscape JavaScript 之介绍。




如何执行 JaveScrip

标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript实例教程------查看源代码

      javascript 2007-9-9 21:50

　　有没有想过，在不通过进入到相应的主页页面就可以看到该页的源代码，比如，你想获知www.5Dmedia.net的源代码是什么，但是又不愿意直接登录该网站，于是下面我们要接触到的好东东就可以使你达到这个目的。

先看看源程序：

<SCRIPT LANGUAGE="JavaScript">

function viewSource() {
document.getSource.view.value="请稍等...";
//在找寻源代码时按钮view上出现的文字
setTimeout("document.getSource.view.value='查看源代码'",6000);
//查看源代码的等待时间为6秒
window.location.href= "view-source:" + document.getSource.url.value;
//查找名称为getSource的form的子元：文本框url中的值对应的网址
return false;
}
</script>

<center>
打入完整的网址，按"查看源代码"就可看到它的源代码啦：）<br>
<br>
<form name=getSource onSubmit="return viewSource();"> 说明：表单的提交事件交给viewSource()函数处理
<input type=text name=url value="ht

标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript实例-----倒记时器

      javascript 2007-9-9 21:43

在<body>和</body>标签间输入以下代码

<SCRIPT LANGUAGE="JavaScript">
var urodz= new Date("December 25,2002");
var s="圣诞节";
//获取当前的日期
var now = new Date();
//算出离设定的日期的相差时间，以秒计算
var ile = urodz.getTime() - now.getTime();
//把秒化成是以天计算，dni即是代表剩下的天数
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write("今天离"+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦！")
else if (dni == 0)
document.write("只有1天啦！")
else
document.write("好象已经过了哦！");
</SCRIPT>

上面源代码中变量urodz是由New Date(),赋予一个初值，这个初值就是需要倒记时的日子，dni的意思是相差的日子(是通过一定的日子的算法来实现的)。下面三个判断语句给出当日子要到的时候的提示信息。

标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- JavaScript通用库（一） 选择自 VisualSW 的 Blog

      javascript 2007-9-9 21:37
javascript（一）

VisualSW

javascript在WEB编程中能起到很大的作用，将一些常用的功能写成javascript类库。

将下面代码保存为Common.js

类库功能：

1.Trim(str)－－去除字符串两边的空格

2.XMLEncode(str)－－对字符串进行XML编码

3.ShowLabel(str,str)－－鼠标提示功能（显示字符，提示字符）

可以设置显示的提示的文字的字体、颜色、大小以及提示的背景颜色、边框等

4.IsEmpty(obj)－－验证输入框是否为空

5.IsInt(objStr,sign,zero)－－验证是否为整数，正整数，负整数，以及是否包括零

6.IsFloat(objStr,sign,zero)－－验证是否为浮点数，正浮点，负浮点，以及是否包括零

7.IsEnLetter(objStr,size)－－验证是否为26个字母，大写小



源代码如下：

/*

名字：Common.js

功能：通用javascript脚本函数库

包括：

1.Trim(str)－－去除字符串两边的空格

2.XMLEncode(str)－－对字符串进行XML编码

3.ShowLabel(str,str)－－鼠标提示功能（显示字符，提示字符）

4.IsEmpty(obj)－－
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- javascript函数库

      javascript 2007-9-9 21:11
/*

-------------- 函数检索 --------------
trim函数: trim() lTrim() rTrim()
校验字符串是否为空: checkIsNotEmpty(str)
校验字符串是否为整型: checkIsInteger(str)
校验整型最小值: checkIntegerMinvalue(str,val)
校验整型最大值: checkIntegerMaxvalue(str,val)
校验整型是否为非负数: isNotNegativeInteger(str)
校验字符串是否为浮点型: checkIsDouble(str)
校验浮点型最小值: checkDoubleMinvalue(str,val)
校验浮点型最大值: checkDoubleMaxvalue(str,val)
校验浮点型是否为非负数: isNotNegativeDouble(str)
校验字符串是否为日期型: checkIsValidDate(str)
校验两个日期的先后: checkDateEarlier(strStart,strEnd)
校验字符串是否为email型: checkEmail(str)

校验字符串是否为中文: checkIsChinese(str)
计算字符串的长度，一个汉字两个字符: realLength()
校验字符串是否符合自定义正则表达式: checkMask(str,pat)
得到文件的后缀名: getFilePostfix(oFile)
-------------- 函数检索 --------------
*/
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 用正则表达式和javascript对表单进行全面验证

      javascript 2007-9-9 21:1
代码：<!--
使用时请将下面的javascript代码存到一个单一的js文件中。
1、表单要求
<form name="formname" onSubmit="return validateForm(this)"></form>
将对表单中的所有以下类型的域依次验证，所有验证是去除了前导和后缀空格的，要注意是区分大小写的。
2、空值验证
表单中任意域加上emptyInfo属性将对此域是否为空进行验证（可以和最大长度验证\一般验证方式同时使用）。
无此属性视为此域允许空值。
　　如：<input type="text" name="fieldNamename" emptyInfo="字段不能为空！">
3、最大长度验证（可以和空值验证、一般验证方式同时使用）：
<input type="text" name="fieldNamename" maxlength="20" lengthInfo="最大长度不能超过20！">
或,<textarea maxlength="2000" lengthInfo="最大长度不能超过2000！">
3、一般验证方式(不对空值做验证）:
　　如：<input type="text" validator="^(19|20)[0-9]{2}$ " errorInfo=
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- javascript 技巧集

      javascript 2007-9-9 20:55
  • 事件源对象
    event.srcElement.tagName
    event.srcElement.type
  • 捕获释放
    event.srcElement.setCapture(); 
    event.srcElement.releaseCapture(); 
  • 事件按键
    event.keyCode
    event.shiftKey
    event.altKey
    event.ctrlKey
  • 事件返回值
    event.returnValue
  • 鼠标位置
    event.x
    event.y
  • 窗体活动元素
    document.activeElement
  • 绑定事件
    document.captureEvents(Event.KEYDOWN);
  • 访问窗体元素
    document.all
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- 今天第一次使用5D

      我的日志 2007-9-9 17:18
今天第一次使用5D,把一些自已认为有用的资料保存到这里,将来用的时候可以找得到,免得到处去翻。
标签集:TAGS:心情故事
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()

- javascript常用函数集

      javascript 2007-9-9 17:12
javascript提供了许多函数供开发人员使用，下面给出一个简单介绍，更详细的信息请参考Visual InterDev提供的在线帮助。
　　javascript函数一共可分为五类：
　　·常规函数
　　·数组函数
　　·日期函数
　　·数学函数
　　·字符串函数
　　1.常规函数
　　javascript常规函数包括以下9个函数：
　　(1)alert函数：显示一个警告对话框，包括一个OK按钮。
　　(2)confirm函数：显示一个确认对话框，包括OK、Cancel按钮。
　　(3)escape函数：将字符转换成Unicode码。
　　(4)eval函数：计算表达式的结果。
　　(5)isNaN函数：测试是(true)否(false)不是一个数字。
　　(6)parseFloat函数：将字符串转换成符点数字形式。
　　(7)parseInt函数：将符串转换成整数数字形式(可指定几进制)。
　　(8)prompt函数：显示一个输入对话框，提示等待用户输入。例如：
　　<script language="javascript">
　　<!--
　　alert("输入错误");
　　prompt("请输入您的姓名","姓名");
　　confirm("确定否！");
　　//-->
　　script>
标签集:TAGS:网页程序
我要留言To Comment 阅读全文Read All | 回复Comments() 点击Count()