第 三 集
--------------------------------------------------------------------------------
曾 有 许 多 网 友 问 我 有 关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)。 此 工 ......
精通 JS正则表达式
正则表达式可以:
•测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
•替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字
•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字
正则表达式语法
一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。
创建正则表达式
var re = new RegExp();//RegExp是一个对象,和Aarray一样
//但这样没有任何效果,需要将正则表达式的内容作为字符串传递进去
re =new RegExp("a");//最简单的正则表达式,将匹配字母a
re=new RegExp("a","i");//第二个参数,表示匹配时不分大小写
RegExp构造函数第一个参数为正则表达式的文本内容,而第一个参数则为可选项标志.标志可以组合使用
•g （全文查找）
•i （忽略大小写）
&bu ......
第四集
--------------------------------------------------------------------------------
这章我将告诉您如何在状态列 (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="写入文字" onclick="statbar('嗨 ! 这就是状态
列 (statusbar) !');">
<input type="button" name="erase" value="清除文字" onclick="statbar('');">
</form>
</body>
</html>
我制作了两个都会呼叫 statbar(txt) 函式 (function) 的按钮。当此 ......
一，javascript的内部对象（相当于系统调用，其实本质是一个构造函数）
1，动态对象
使用“对象实例名.成员”的格式来访问其属性和方法。（用new先创建对象实例）
2，静态对象
直接使用“对象名.成员”的格式来访问其属性和方法
二，几个内置对象（构造函数）
Object对象，String对象，Math对象，Date对象，Array对象，Number对象，ExpReg对象
toString()方法：每个对象均有的方法
1，Object对象
Object对象提供了一种创建自定义对象的简单方法，不需要程序员再定义。
构造函数：
<script type="text/javascript">
<!--
function getAttributeValue(attr)
{
alert(person[attr]);
}
var person = new Object();
person.name = 'tenfyguo';
person.age = 18;
getAttributeValue('name');
getAttributeValue('age');
// -->
</script>
其实这不是真正的数组，只是形式上有点相似而已。
<script type="text/javascript"&g ......
DOM
Document Object Model
是表达式XML文档的常见方式，DOM给开发者提供了一种定位XML层级结构的直观方法。
解析并浏览DOM文档的有效方法无疑能简化JavaScript的开发。
归根结底，JavaScript中绝大操作都是JavaScript和网页里不同的HTML元素之间的交互，而DOM则是简化这一过程的出色工具。
例如：
获得文档中的所有<li>元素
var li = document.getElementsByTagName("li");
并给它们全部都添加一个黑色边框
for(var j=0; j<li.length; j++){
li[j].style.border="1px solid #000";
}
获取ID为”zxr”的元素
var zxr = document.getElementById("zxr");
从文档中删除这个元素
zxr.parentNode.removeChild(zxr);
DOM是开发分离式JavaScript代码的第一步，在HTML文档中进行简单快速的定位使JavaScript与HTML的互动容易了不少。
事件
event
是黏合应用程序中所有用户交互的“胶水”。
DOM和JavaScript事件的组合，是决定所有现代Web应用程序形态的根本所在。
例如：
获取所有的<li>元素，给它们添加上事件处理函数（event handler）
var li = document.getElementsB ......
面向对象的
JavaScript
引用（
reference
）
“引用”是一个指向对象实际位置的指针。这是一个极为强大的特性，但有一个前提：实际的对象肯定不会是引用。字符串永远是字符串，数组永远是数组。不过多个变量却能够指向同一对象。
JavaScript
基于的就是这样一个引用系统。
这门语言通过维护一系列对其他对象的引用，提供了极大的灵活性。
此外，对象可以包含一系列的属性（
property
），这些属性也都不过是到其他对象（比如字符串、数字、数组等）的引用。
如果多个变量指向的是同一个对象，那该对象的类型一改变，所有这些变量也会跟着相应改变。
例如：自修改
创建一个数组
var items = new Array("one","two","three");
创建一个数组的引用
var itemsRef = items;
将一个元素添加到原数组中
items.push("four");
这两个数组的长度应该是一样的。
因为他们指向同一个数组对象。
alert(items.length == itemsRef.length);
注意：必须记住，引用指向的只能是具体的对象，而不是另一个引用。
例如：修改对象的引用，同时保持完整性
var items = new Ar ......
最新文章 : javascript