JavaScript教程:JS对象系统的使用范例

2016-02-20 00:37 5 1 收藏

下面是个简单易学的JavaScript教程:JS对象系统的使用范例教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来,提供给程序设计人员使用,从而减轻编程人的劳动,提高设计Web页面的能力。

三、范例
例1:下面我们通过一个例子来说明文档对象的综合应用。输出结果见图6-2所示。
Test6_2.htm
html
head
/HEAD
BOdy
Form Name="mytable"
请输入数据:
Input Type="text" Name="text1" Value=""
/Form
A name="Link1" href="test31.htm"链接到第一个文本/abr
A name="Link2" href="test32.htm"链接到第二个文本/abr
A name="Link2" href="test33.htm"链接到第三个文本/abr
A href="#Link1"第一锚点/a
A href="#Link2"第二锚点/a
A Href="#Link3"第三锚点/a
BR
Script Language="JavaScript"
document.write("文档有"+document.links.length+"个链接"+"br");
document.write("文档有"+document.anchors.length+"个锚点"+"br");
document.write("文档有"+document.forms.length+"个窗体");
/script
/body
/HTML

 
图6-2

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 
例子2:下列程序随机产生每日一语。
test6_3.html
HTML
HEAD
script Language="JavaScript"
!--
tips = new Array(6);
tips[0]="每日一语(1)";
tips[1]="每日一语(2)";
tips[2]="每日一语(3)";
tips[3]="每日一语(4)";
tips[4]="每日一语(5)";
tips[5]="每日一语(6)";
index = Math.floor(Math.random() * tips.length);
document.write("FONT SIZE=8 COLOR=DARKBLUE" + tips[index]+"/FONT");
/Script
/HEAD
/BODY
/HTML
输出结果见图6-3所示。

 
图6-3

    本讲主要介绍了JavaScript对象系统的使用方法,其中重点介绍了文档对象及使用。

来源:http://www.tulaoshi.com/n/20160220/1632253.html

延伸阅读
标签: Web开发
数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1 定义数组 声明有10个元素的数组 var a = new Array(10); 此时为a已经开辟了内存空间,包含10个元素,用数组名称加 [下标] ...
标签: Web开发
From: JavaEye.com prototype提供了一套JavaScript面向对象基础设施,我们可以使用它来进行面向对象编程,定义对象类型方式如下:  var Person = Class.create(); Person.prototype = {  initialize : function(name, age) {  this.name = na...
标签: Web开发
在javascript中,我们有时候要使用delete删除对象。但是,对于delete的一些细节我们未必尽知。昨天,看到kangax分析delete的文章,获益匪浅。本文将文章的精华部分翻译出来,与各位分享。 原理代码类型 执行上下文 激活对象/可变对象 属性特性 内置对象和DontDelete 未声明的赋值 Firebug 困惑通过eval删除变量 浏览器兼容性Gecko DontDelet...
标签: Web开发
window.event对象 event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift...
标签: Web开发
使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大,但JavaScript还是提供了创建一个新对象的方法。 使其不必像超文本标识语言那样,求于或其它多媒体工具,就能完成许多复杂的工作。 在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象,而后再为该对象创建一个实例。这个实例就是...

经验教程

291

收藏

75
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部