浏览器内部对象

浏览器提供的内部对象很多,下面将重点介绍:Navigator对象、Window对象、Location对象、History对象、Document对象,可以直接通过Javascript调用,同样也可以使用其他语言进行调用。

Navigator对象

Navigator对象管理着浏览器的基本信息,例如版本号,操作系统等一些基本信息。
Navigator对象中也包括了一些常用的属性,如下所示:

属 性 说明
appName 显示浏览器名称
appVersion 浏览器版本号
platform 客户端操作系统
onLine 浏览器是否在线
JavaEnabled() 是否启用Java

调用:

<script>
    document.write(navigator.appName);
</script>

Location对象

Location对象是浏览器内置的一个静态的对象,它显示的是一个窗口对象所打开的地址。使用Location对象是要考虑权限问题,不同的协议或者不同的主机不能互相引用彼此的Location对象。Location对象包括的一些常用对象如下所示:

属 性 说明
hostname 返回地址主机名
post 返回地址端口号
host 返回主机名和端口号

调用:

<script>
    document.write(location.hostname);
</script>

Window对象

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

属 性 说明
self 当期窗口
parent 主窗口
top 顶部窗口
status 浏览器状态栏
方法 说明
close() 关闭
open() 打开
alert() 消息框
confirm() 确认框
prompt() 提示框

调用:

<script>
//通过window对象的open方法,打开一个新的窗口,通过设置窗口的大小以及位置进行显示。
    window.open("22-2-2.html","newwindow","height=200,width=300,top=50,left=50");
</script>

Document对象

Javascript既是一门脚本的编程语言,又是基于面向对象的编程。JavaScript的输入和输出都必须通过对象来完成,Document就是输出对象的其中之一。Document对象最主要的方法是write():
调用:

<script>
document.write("页面上会出现这段话");
</script>

History对象

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

方法 说明
Forward() 在相当于浏览器工具栏上的“前进”按钮
Back() 在相当于浏览器工具栏上的“后退”按钮
go() 在相当于浏览器工具栏上的“转到”按钮

调用:

<script>
    <form action>
        <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>
</script>


内置对象和方法

Javascript语言提供的内置对象的属性和方法与其他对象编程语言的调用方式相同,格式如下:
对象名.属性名称
对象名.方法名称(参数)

对象 属性/ 方法 说明
Date getDate 显示当前日期
getDay 显示当前是哪一天
getHour 显示当前具体小时
getMouth 显示当前月份
getSconds 显示当前具体秒
setDay 设置当前的天数
setHour 设置当前小时
setMouth 设置当前月份
setSconds 设置当前的秒
String indexOF() 显示字符串位置
charAT() 字符定位
toLowerCase() 大写转换小写
toUpperCase() 小写转换大写
substing() 求子串
Math abs() 求绝对值
acos() 求反余弦值
atan() 求反正切值
max() 求最大值
min() 求最小值
sprt() 求平方根
Array 定义数组



(打卡倒计:59)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   ECMAScript 是 JavaScript 的核心,但如果要在 Web 中使用 JavaScript,那么...
    霜天晓阅读 897评论 0 0
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,345评论 0 5
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,350评论 0 3
  • 这是近期我看过的最让我惊叹的一部电影,脑洞大开,完全出乎意料。这样一部创意新奇的电影,仿佛让我看到另一个神奇的世界...
    芸淡风轻1983阅读 1,092评论 0 1