JavaScript 学习笔记(十一)

所属分类: 网络编程 / JavaScript 阅读数: 557
收藏 0 赞 0 分享

document对象

下表列出了BOMdocument对象的一些通用属性:

  

   

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。

hash——如果URL包含#,该方法将返回该符号之后的内容(例如,http://www.somewhere.com/index#selection1的hash等于"#selection1")。

host——服务器的名字(如www.wrox.com)。

hostname——通常等于host,有时会省略前面的www。

href——当前载入的页面的完整URL。

pathname——URL中主机名后的部分。例如,http://www.somewhere.com/pictures/index.htm的pathname是"/pictures/index.htm"。

port——URL中声明的请求的端口。默认情况下,大多数URL没有端口信息,所以该属性通常是空白的。像http://www.somewhere.com:8080/index.htm这样的URL的port属性等于8080。

protocol——URL中使用的协议,即双斜杠(//)之前的部分。例如,http://www.somewhere.com中的protocol属性等于http:,ftp://www.somewhere.com的protocol属性等于ftp:。

search——执行GET请求的URL中的问号(?)后的部分,又称为查询字符串。例如,http://www.somewhere.com/abc.htm?term=javascript中的search属性等于?term=javascript

 

跳转到一个页面,但是不想从浏览器历史中访问,即不能后退回来,可以使用方法location.replace("http://www.baidu.com")方法。

 

navigator对象

检测浏览器的版本、所支持的MIME类型、已安装的外挂程序(plug-in)。该对象包含两个子对象:外挂对象、MIME类型对象。

appCodeName

代码

appName

名称

appVersion

版本

language

语言

mimeType

以数组表示所支持的MIME类型

platform

编译浏览器的机器类型

plugins

以数组表示已安装的外挂程序

userAgent

用户代理程序的表头

 

screen对象

screen对象包含了屏幕信息,通常包含下列属性(不过,许多浏览器都加入了自己的属性):

height——屏幕的高度,以像素计。

width——屏幕的宽度,以像素计。

availHeight——窗口可以使用的屏幕的高度(以像素计),减去了任务栏的宽,随用户任务栏而变,不会随窗口而改变,其中包括操作系统元素(如Windows工具栏)需要的空间。

availWidth——窗口可以使用的屏幕的宽度(以像素计),减去了任务栏的高,随用户任务栏而变。

colorDepth——用户屏幕的颜色深度,以每像素的位数计。实际上就是表示颜色的位数。大多数系统采用32位。

 

确定新窗口的大小时,availHeight和availWidth属性非常有用。例如,可以使用下面的代码填充用户的屏幕:

moveTo(0,0);

resizeTo(screen.availWidth,screen,availHeight);

更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多