当前位置：首页 > 资讯 > 技术文档

JavaScript 学习笔记（十一）

时间：2020-03-02 07:30 编辑：来源：阅读：
扫一扫，手机访问

摘要：JavaScript 学习笔记（十一）

document对象

下表列出了BOM的document对象的一些通用属性：

属性	说明
alinkColor	激活的链接的颜色，如<body alink="color">定义的^*
bgColor	页面的背景颜色，如<body bgcolor="color">定义的^*
fgColor	页面的文本颜色，如<body text="color">定义的^*
lastModified	最后修改页面的日期，是字符串
linkColor	链接的颜色，如<body link="color">定义的^*
referrer	浏览器历史中后退一个位置的URL
title	<title/>标签中显示的文本
URL	当前载入的页面的URL
vlinkColor	访问过的链接的颜色，如<body vlink="color">定义的^*

* 反对使用这些属性，因为它们引用了<body/>标签中的旧HTML特性。应该用样式表脚本代替它们。 document对象也有许多集合，提供对载入的页面各个部分的访问。下表列出了这些集合：

集合	说明
anchors	页面中所有锚的集合
applets	页面中所有applet的集合
embeds	页面中所有嵌入式对象的集合（由<embed/>标签表示）
forms	页面中所有表单的集合
images	页面中所有图像的集合
links	页面中所有链接的集合

与window.frame集合相似，可用数字或名字引用document对象的每个集合，也就是说可用document.images[0]或document.images["图片的name"]访问图像。

location对象

location对象表示载入窗口的URL，此外它还可以解析URL。 [b]hash[/b]——如果URL包含#，该方法将返回该符号之后的内容（例如，http://www.somewhere.com/index#selection1的hash等于"#selection1"）。 [b]host[/b]——服务器的名字（如www.wrox.com）。 [b]hostname[/b]——通常等于host，有时会省略前面的www。 [b]href[/b]——当前载入的页面的完整URL。 [b]pathname[/b]——URL中[b]主机名后的部分[/b]。例如，http://www.somewhere.com/pictures/index.htm的pathname是"/pictures/index.htm"。 [b]port[/b]——URL中声明的请求的端口。默认情况下，大多数URL没有端口信息，所以该属性通常是空白的。像http://www.somewhere.com:8080/index.htm这样的URL的port属性等于8080。 [b]protocol[/b]——URL中使用的协议，即双斜杠（//）之前的部分。例如，http://www.somewhere.com中的protocol属性等于http:，ftp://www.somewhere.com的protocol属性等于ftp:。 [b]search[/b]——执行GET请求的URL中的问号（?）后的部分，又称为查询字符串。例如，http://www.somewhere.com/abc.htm?term=javascript中的search属性等于?term=javascript 跳转到一个页面，但是不想从浏览器历史中访问，即不能后退回来，可以使用方法[b]location.replace[/b]("http://www.baidu.com")方法。

navigator对象

检测[b]浏览器[/b]的版本、所支持的MIME类型、已安装的外挂程序（plug-in）。该对象包含两个子对象：外挂对象、MIME类型对象。

[b]appCodeName[/b]	代码
[b]appName[/b]	名称
[b]appVersion[/b]	版本
[b]language[/b]	语言
[b]mimeType[/b]	以数组表示所支持的MIME类型
[b]platform[/b]	编译浏览器的机器类型
[b]plugins[/b]	以数组表示已安装的外挂程序
[b]userAgent[/b]	用户代理程序的表头

screen对象

screen对象包含了[b]屏幕[/b]信息，通常包含下列属性（不过，许多浏览器都加入了自己的属性）： [b]height[/b]——屏幕的高度，以像素计。 [b]width[/b]——屏幕的宽度，以像素计。 [b]availHeight[/b]——窗口可以使用的屏幕的高度（以像素计），减去了任务栏的宽,随用户任务栏而变，不会随窗口而改变，其中包括操作系统元素（如Windows工具栏）需要的空间。 [b]availWidth[/b]——窗口可以使用的屏幕的宽度（以像素计），减去了任务栏的高,随用户任务栏而变。 [b]colorDepth[/b]——用户屏幕的颜色深度，以每像素的位数计。实际上就是表示颜色的位数。大多数系统采用32位。确定新窗口的大小时，availHeight和availWidth属性非常有用。例如，可以使用下面的代码填充用户的屏幕： moveTo(0,0); resizeTo(screen.availWidth,screen,availHeight);

全部评论(0)

上一篇：VueJs路由跳转——vue-router的使用详解
下一篇：php的文件上传入门教程（实例讲解）

资讯排行榜
更多>>