JavaScript学习:JavaScript对象的应用-优快云博客

本文详细介绍了JavaScript中的核心对象，包括Navigator、Location、Window、Document和History等，解释了每个对象的功能及常用方法，并提供了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript脚本语言是一门基于面向对象的编程语言, 它也支持一些预定义对象支持的简单对象模型.
JavaScript的对象由属性和方法两个基本元素组成.

Navigator对象
Navigator 对象管理着浏览器的基本信息, 如版本号, 操作系统等.
appName 显示浏览器名称
appVersion 浏览器版本号
platform 客户端操作系统
onLine 浏览器是否在线
JavaEnabled() 是否启用Java

navigator
<html>
<head>
<title>Navigator对象</title>
</head>
<body>
浏览器名称:
<script>document.write(navigator.appName)</script><br>
浏览器版本:
<script>document.write(navigator.appVersion)</script><br>
操作系统:
<script>document.write(navigator.platform)</script><br>
在线情况:
<script>document.write(navigator.onLine)</script><br>
是否Java启用:
<script>document.write(navigator.javaEnabled())</script><br>
</body>
</html>

Location对象:
Location对象是浏览器内置的一个静态的对象, 它显示的是一个窗口对象所打开的地址. 使用Location对象是要考虑权限问题, 不同的协议或者不同的主机不能互相引用彼此的Location对象.
hostname 返回地址主机名
port 返回地址端口号
host 返回主机名和端口号

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

Window对象:
Window对象是一个优先级很高的对象, Window对象包含了丰富的属性,方法和其他时间驱动, 程序员可以简单地操作这些简单的属性和方法, 对浏览器显示窗口进行控制.
Window 对象的属性:
self 当前窗口
parent 主窗口
top 顶部窗口
status 浏览器状态栏
Window 对象方法:
open() 打开
close() 关闭
alert() 消息框
confirm() 确认框
prompt() 提示框

Window
<html>
<head>
<title>Window对象</title>
</head>
<body>
弹出百度首页(www.baidu.com)
<script language="javascript">
window.open("http://www.baidu.com","newwindow","height=200,width=300,top=50,left=50")
</script>
</body>
</html>

Document对象:
JavaScript的输入和输出都必须通过对象来完成, Document就是输出对象的其中之一, Document对象最主要的方法是write()

<html>
<head>
<title>Document对象</title>
</head>
<body>
<script language="JavaScript">
document.write("<font color=red>今天你学JavaScript了吗?</font>");
</script>
</body>
</html>

History对象:
在JavaScript脚本语言中, History对象表示的是浏览历史, 它包含了浏览器以前浏览过的网页的网络地址.
Forward() 相当于浏览器工具栏上的"前进"按钮
Back() 相当于浏览器工具栏上的"后退"按钮
Go() 相当于浏览器工具栏上的"转到"按钮

History
<html>
<head>
<title>History对象</title>
</head>
<body>
<script language="JavaScript">
document.write("<font color=red>今天你学JavaScript了吗?</font>");
</script>
<form>
<input name="前进" type="button" onclick="history.go(1)" value="前进">
<input name="后退" type="button" onclick="history.go(-1)" value="后退">
<input name="转到" type="button" onclick="history.go(2)" value="转到">
</form>
</body>
</html>

内置对象和方法:
JavaScript语言提供的内置对象的属性和方法与其他面向对象编程语言的调用方式相同:
对象名.属性名称
对象名.方法名称(参数)
Date 对象:getDate, getDay, getHour, getMouth, getSeconds, setDay,setHour, setMouth, setSeconds
String 对象: indexOF(), charAT(), toLowerCase(), toUpCase(), substring()
Math 对象: abs(), acos(), atan(), max(), min(), sprt()
Array 对象: 定义数组

用户还可以根据需要,自定义对象.

转载于:https://www.cnblogs.com/niuniu1985/archive/2009/09/23/1572591.html