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>
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>
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>
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>
2. 内置对象和方法
JavaScript脚本语言也提供了一些内置的对象,这些对象的属性和方法的调用与其它面向对象编程语言的调用方式相同,具体的属性和方法如下:
1.Date
2.String
3.Math
4.Array
(明天补上)
小结:
上述是学习JavaScript这部分常用到的一些对象,利用这些对象以及对象的属性或方法可以更好地编程,提高开发效率。除了上边介绍的这些对象之外,用户还可以根据需要自定义对象,在更大程度上满足用户需求。