JavaScript 学习笔记(十一)


Posted in Javascript onJanuary 19, 2010

document对象

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

属    性 说    明
alinkColor

激活的链接的颜色,如

定义的*
bgColor

页面的背景颜色,如

定义的*
fgColor

页面的文本颜色,如

定义的*
lastModified 最后修改页面的日期,是字符串
linkColor

链接的颜色,如

定义的*
referrer 浏览器历史中后退一个位置的URL
title 标签中显示的文本
URL 当前载入的页面的URL
vlinkColor

访问过的链接的颜色,如

定义的*

* 反对使用这些属性,因为它们引用了<body/>标签中的旧HTML特性。应该用样式表脚本代替它们。

 

document对象也有许多集合,提供对载入的页面各个部分的访问。下表列出了这些集合:

 

集    合 说    明
anchors 页面中所有锚的集合
applets 页面中所有applet的集合
embeds 页面中所有嵌入式对象的集合(由标签表示)
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);

Javascript 相关文章推荐
js实现touch移动触屏滑动事件
Apr 17 Javascript
JavaScript实现Flash炫光波动特效
May 14 Javascript
javascript倒计时效果实现
Nov 12 Javascript
AngularJS入门教程之Scope(作用域)
Jul 27 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
webpack external模块的具体使用
Mar 10 Javascript
详解操作虚拟dom模拟react视图渲染
Jul 25 Javascript
微信小程序文章详情页面实现代码
Sep 10 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
Nov 15 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
9个JavaScript评级/投票插件
Jan 18 #Javascript
jQuery Flash/MP3/Video多媒体插件
Jan 18 #Javascript
使用IE6看老赵的博客 jQuery初探
Jan 17 #Javascript
jQuery+CSS 实现的超Sexy下拉菜单
Jan 17 #Javascript
JS与框架页的操作代码
Jan 17 #Javascript
JavaScript写的一个自定义弹出式对话框代码
Jan 17 #Javascript
JavaScript QueryString解析类代码
Jan 17 #Javascript
You might like
虹吸壶是谁发明的?煮出来的咖啡好喝吗
2021/03/04 冲泡冲煮
PHP与MySQL开发的8个技巧小结
2010/12/17 PHP
php实现的DateDiff和DateAdd时间函数代码分享
2014/08/16 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
$.ajax json数据传递方法
2008/11/19 Javascript
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
使用forever管理nodejs应用教程
2014/06/03 NodeJs
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
AngularJS使用带属性值的ng-app指令实现自定义模块自动加载的方法
2017/01/04 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
使用OPENLAYERS3实现点选的方法
2020/09/24 Javascript
bootstrapTable+ajax加载数据 refresh更新数据
2018/08/31 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
github配置使用指南
2014/11/18 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
Python程序运行原理图文解析
2018/02/10 Python
python 获取字符串MD5值方法
2018/05/29 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
Melijoe英国官网:法国儿童时尚网站
2016/11/18 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
女大学生自我鉴定
2013/12/09 职场文书
小学生运动会报道稿
2014/09/12 职场文书
女儿满月酒致辞
2015/07/29 职场文书
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript