JavaScript教程

JavaScript的Cookies

使用 Cookies  我们已经知道,在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么?“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— MSIE 帮助。一般来说,Cookies 是 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 JavaScript 也提供了对 Cookies 的很全面的访问权利。

  在继续之前,我们先要学一学 Cookie 的基本知识。

  每个 Cookie 都是这样的:=

  的限制与 JavaScript 的命名限制大同小异,少了“不能用 JavaScript 关键字”,多了“只能用可以用在 ...


阅读全文 》

JavaScript框架编程

使用JavaScript框架

  在讲述 window 对象的时候,我们提到过,一个框架内的网页也是 window 对象,也就是说,Frame 对象也是 window 对象。用最容易理解的话说,每一个 HTML 文件占用一个 window 对象,包括定义框架的网页(“框架网页”)。在 IE 里用“”标记在文档中插入的框架也是 window 对象,但是用“包含网页”的方法(在 HTML 中显示为“”)读取的 HTML 就不占用独自的 window 对象。每一个框架都是包含它的页的 window 对象的一个子对象(不知道应该叫“属性”不该),要引用它,可以用以下几种方法之一:  其中,x ...


阅读全文 》

JavaScript中的对象化编程

关于对象化编程的语句 现在我们有实力学习以下关于对象化编程,但其实属于上一章的内容了。

with 语句 为一个或一组语句指定默认对象。

用法:with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意 Math 的重复使用:当使用 with 语句时,代码变得更短且更易读:this 对象 返回“当前”对象。在不同的地方,this 代表不同的对象。如果在 JavaScript 的“主程序”中(不在任何 function 中,不在任何事件处理程序中)使用 this,它就代表 window 对象;如果在 with 语句块中使用 this,它就代表 with 所指定 ...


阅读全文 》

JavaScript中的事件处理

事件处理概述

   事件处理是对象化编程的一个很重要的环节,没有了事件处理,程序就会变得很死,缺乏灵活性。事件处理的过程可以这样表示:发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中,要使事件处理程序能够启动,必须先告诉对象,如果发生了什么事情,要启动什么处理程序,否则这个流程就不能进行下去。事件的处理程序可以是任意 JavaScript 语句,但是我们一般用特定的自定义函数(function)来处理事情。

指定事件处理程序有三种方法:

方法一 直接在 HTML 标记中指定。这种方法是用得最普遍的。方法是:让我 ...


阅读全文 》

JavaScript中的其他对象

anchors[]; links[]; Link 连接对象

用法:document.anchors[[x]]; document.links[[x]]; ;

  document.anchors 是一个数组,包含了文档中所有锚标记(包含 name 属性的标记),按照在文档中的次序,从 0 开始给每个锚标记定义了一个下标。

  document.links 也是一个数组,包含了文档中所有连接标记(包含 href 属性的标记和标记段里的标记),按照在文档中的次序,从 0 开始给每个连接标记定义了一个下标。

  如果一个标记既有 name 属性,又有 href 属性,则它既是一个 Anchor 对象,又是一个 Link 对象。

  在 IE

...


阅读全文 》

JavaScript中的Document文档对象

Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从到的内容。

用法:document (当前窗口) 或 .document (指定窗口)

属性:

document.title //设置文档标题等价于HTML的标签

document.bgColor //设置页面背景色

document.fgColor //设置前景色(文本颜色)

document.linkColor //未点击过的链接颜色

document.alinkColor //激活链接(焦点在此链接上)的颜色

document.vlinkColor //已点击过的链接颜色

...


阅读全文 》

JavaScript中的Location地址对象

location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“.location”。先前写了一片用window.location.href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,具体如下:

注意:属于不同协议或不同主机的两个地址之间不能互相引用对方的 location 对象,这是出于安全性的需要。例如,当前窗口打开的是“www.a.com”下面的某一页,另外一个窗口(对象名为:bWindow)打开的是“www.b.com”的网页。如果在当前 ...


阅读全文 》

JavaScript中的History历史对象

JavaScript中的History历史对象包含了用户已浏览的 URL 的信息,是指历史对象指浏览器的浏览历史。鉴于安全性的需要,该对象收到很多限制,现在只剩下下列属性和方法。History历史对象有length这个属性,列出历史的项数。JavaScript 所能管到的历史被限制在用浏览器的“前进”“后退”键可以去到的范围。本属性返回的是“前进”和“后退”两个按键之下包含的地址数的和。

History历史对象并有以下方法

back() 后退,跟按下“后退”键是等效的。

forward() 前进,跟按下“前进”键是等效的。

go() 用法:history.go( ...


阅读全文 》

JavaScript中的Window窗口对象

JavaScript中的Window窗口对象

他是JavaScript中最大的对象,它描述的是一个浏览器窗口。一般要引用它的属性和方法时,不需要用“window.xxx”这种形式,而直接使用“xxx”。一个框架页面也是一个窗口。

Window窗口对象有如下属性:

name 窗口的名称,由打开它的连接()或框架页()或某一个窗口调用的 open() 方法(见下)决定。一般我们不会用这个属性。

status 指窗口下方的“状态栏”所显示的内容。通过对 status 赋值,可以改变状态栏的显示。

opener 用法:window.opener;返回打开本窗口的窗口对象。注意: ...


阅读全文 》

JavaScript中的Screen屏幕对象

这是基本JavaScript的屏幕对象

screen 屏幕对象 反映了当前用户的屏幕设置。

width 返回屏幕的宽度(像素数)。

height 返回屏幕的高度。

availWidth 返回屏幕的可用宽度(除去了一些不自动隐藏的类似任务栏的东西所占用的宽度)。

availHeight 返回屏幕的可用高度。

colorDepth 返回当前颜色设置所用的位数 - 1:黑白;8:256色;16:增强色;24/32:真彩色

下面是英文的Navigator浏览器的屏幕对象:

availHeight:minus permanent or semipermanent user interface features displayed by the ...


阅读全文 》