JavaScript脚本语言是一门基于面向对象的编程语言,支持一些预定义对象支持的简单对象模型。关于面向对象,在学习C#、C++的时候我们都了解过,所以对于JavaScript对象理解起来也比较容易。由于我们主要用JavaScript来设计网页,接下来就结合浏览器的内部对象来一起学习下

1.浏览器内部对象

HTML文档实现交互,它将相关元素进行了封装。浏览器提供的内部对象主要有Navigator对象、Window对象、Location对象、History对象、Document对象等,它们可以直接通过JavaScript来调用。

1)Navigator对象

       Navigator对象管理浏览器的基本信息,例如版本号、操作系统等基本信息。常用属性,如下:


属性                                  

说明                                      

appName

显示浏览器名称

appVersion

浏览器版本号

platform

客户端操作系统

online

浏览器是否在线

JavaEnabled()

是否启用Java


例子:

<html>
<head>
	<title>Navigator对象</title>
</head>
<body>
	<table width="500" border="1" rules="all">
		<caption>Navigator对象</caption>
		<tr align="center">
			<th>名称</th>
			<th>内容</th>
		</tr>
		<tr align="center">
			<td>浏览器名称</td>
			<td>
				<script>document.write(navigator.appName)</script>
			</td>
		</tr>
		<tr align="center">
			<td>浏览器版本</td>
			<td>
				<script>document.write(navigator.appVersion)</script>
			</td>
		</tr>
		<tr align="center">
			<td>操作系统</td>
			<td>
				<script>document.write(navigator.platform)</script>
			</td>
		</tr>
		<tr align="center">
			<td>在线情况</td>
			<td>
				<script>document.write(navigator.onLine)</script>
			</td>
		</tr>
		<tr align="center">
			<td>是否启用java</td>
			<td>
				<script>document.write(navigator.javaenabled)</script>
			</td>
		</tr>
	</table>
</body>
</html>

JavaScript的应用语言 javascript相关应用包括哪些_html


 


2)Location对象

       Location对象是浏览器内置的一个静态对象,显示一个窗口对象所打开的地址,且它具有权限限制,不同协议不同主机不能相互引用彼此的Location对象。常用对象和方法,如下:


属性                                   

说明                                    

hostname

返回地址主机名

port

返回地址端口号

host

返回主机名和对口号


 


方法                                    

说明                                   

reload()

重新装载

replace()

替换


 

例子:

<html>
<head>
	<title>Location对象</title>
</head>
<body>
	<script type="text/javascript">
		document.write("地址主机名:");
		document.write(Location.hostname);
		</script>		
</body>
</html>

JavaScript的应用语言 javascript相关应用包括哪些_面向对象_02


 



3)Window对象

       Window对象是一个优先级很高的对象,包含了丰富的属性、方法和其他时间驱动,程序员可以简单地操作这些属性和方法,对浏览器窗口进行控制。常用属性和方法如下:

 


属性                                  

说明                                   

self

当前窗口

parent

主窗口

top

顶部窗口

status

浏览器状态栏


Window对象属性说明


方法                                  

说明                                  

close()

关闭当前网页

alert()

消息框

confirm()

确认框

prompt()

提示框

open()

打开新网页


Window对象方法说明

例子:

<html>
<head>
	<title>Window对象</title>
</head>
<body>
	<script type="text/javascript">
		window.alert("您好!")
	</script>		
</body>
</html>

JavaScript的应用语言 javascript相关应用包括哪些_面向对象_03


 





4)Document对象

       JavaScript的输入和输出都必须通过对象来完成,Document就是输出对象之一,它的主要方法是write(),这个方法在上边的例子中已经用到过,非常常用且简单

5)History对象

       History对象表示的是浏览历史,它包含了浏览器以前浏览过的网页的网络地址。常用方法如下:


方法                                     

说明  

Forward()

相当于浏览器工具栏上的“前进”按钮  

Back()

相当于浏览器工具栏上的“后退”按钮

Go()

相当于浏览器工具栏上的“转到”按钮


 

例子:

<html>
<head>
	<title>History对象</title>
</head>
<body>
	<script type="text/javascript">
		document.write("您好!")
	</script>
	<form action="">		<!--History对象记载了浏览器的浏览历史,可以通过它的属性来进行网页间的转换-->
		<input name="forward" type="button" onClick="history.go(1)" value="前进">
		<input name="back" type="button" onClick="history.go(-1)" value="后退">
		<input name="go" type="button" onClick="history.go(2)" value="转到">
	</form>
</body>
</html>

JavaScript的应用语言 javascript相关应用包括哪些_JavaScript的应用语言_04


 



2. 内置对象和方法

       JavaScript脚本语言也提供了一些内置的对象,这些对象的属性和方法的调用与其它面向对象编程语言的调用方式相同,具体的属性和方法如下:

1.Date

2.String

3.Math

4.Array

(明天补上)

小结:

       上述是学习JavaScript这部分常用到的一些对象,利用这些对象以及对象的属性或方法可以更好地编程,提高开发效率。除了上边介绍的这些对象之外,用户还可以根据需要自定义对象,在更大程度上满足用户需求。