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

低调的暗影萨满

低调的暗影萨满

2016-02-20 00:37

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

  使用浏览器的内部对象系统, 可实现与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

 
例子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所示。

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

 
图6-3

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

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

展开更多 50%)
分享

猜你喜欢

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

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

JavaScript教程:基于对象的JS语言范例

Web开发
JavaScript教程:基于对象的JS语言范例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JavaScript教程:JS中创建新对象范例

Web开发
JavaScript教程:JS中创建新对象范例

JavaScript对象系统的使用

Web开发
JavaScript对象系统的使用

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript教程:用JS实现更复杂的交互范例

Web开发
JavaScript教程:用JS实现更复杂的交互范例

JavaScript教程:JS窗口及输入输出范例

Web开发
JavaScript教程:JS窗口及输入输出范例

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Mac无法连接iMessage怎么办?

Mac无法连接iMessage怎么办?

JavaScript教程:JS的语句及语法

JavaScript教程:JS的语句及语法
下拉加载更多内容 ↓