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 相关文章推荐
jquery 选项卡效果 新手代码
Jul 08 Javascript
javascript改变position值实现菜单滚动至顶部后固定
Jan 18 Javascript
js 图片随机不定向浮动的实现代码
Jul 02 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 Javascript
node.js中的fs.symlink方法使用说明
Dec 15 Javascript
jquery中live()方法和bind()方法区别分析
Jun 23 Javascript
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
layui的数据表格+springmvc实现搜索功能的例子
Sep 28 Javascript
微信小程序纯文本实现@功能
Apr 08 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
Oct 15 Javascript
JavaScript实现图片放大预览效果
Nov 02 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
建立动态的WML站点(三)
2006/10/09 PHP
php google或baidu分页代码
2009/11/26 PHP
PHP 删除一个目录及目录下的所有文件的函数代码
2010/05/26 PHP
PHP中设置时区方法小结
2012/06/03 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
php读取文件内容的三种可行方法示例介绍
2014/02/08 PHP
cnblogs TagCloud基于jquery的实现代码
2010/06/11 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
jQuery操作CheckBox的方法介绍(选中,取消,取值)
2014/02/04 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
artDialog+plupload实现多文件上传
2016/07/19 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
微信小程序 如何保持登录状态
2019/08/16 Javascript
vue项目查看vue版本及cli版本的实现方式
2020/10/24 Javascript
python解决字典中的值是列表问题的方法
2013/03/04 Python
python获取本机外网ip的方法
2015/04/15 Python
python学习必备知识汇总
2017/09/08 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
canvas学习笔记之绘制简单路径
2019/01/28 HTML / CSS
Get The Label中文官网:英国运动时尚购物平台
2017/04/19 全球购物
JPA的优势都有哪些
2013/07/04 面试题
四查四看剖析材料
2014/02/14 职场文书
《童年》教学反思
2014/02/18 职场文书
新春文艺演出主持词
2014/03/27 职场文书
先进党员事迹材料
2014/12/24 职场文书
小王子读书笔记
2015/06/29 职场文书
军训决心书范文
2015/09/22 职场文书
2015年秋学期教研工作总结
2015/10/14 职场文书