JavaScript 学习笔记(十一)

所属分类: 网络编程 / JavaScript 阅读数: 536
收藏 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);

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

js实现图片上传预览原理分析

这篇文章主要为大家详细介绍了js实现图片上传预览的原理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Angular限制input框输入金额(是小数的话只保留两位小数点)

最近做项目遇到这样的需求输入框要求输入金额,只能输入数字,可以是小数,必须保留小数点后两位。下面分为两部分代码给大家介绍实现代码,需要的的朋友参考下吧
收藏 0 赞 0 分享

详解vue-cli + webpack 多页面实例配置优化方法

本篇文章主要介绍了详解vue-cli + webpack 多页面实例配置优化方法,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)

本篇文章主要介绍了React-Native解决键盘遮挡问题(Keyboard遮挡问题),具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript反弹动画效果的实现代码

本文通过实例代码给大家介绍了js反弹动画效果的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享

解决vue2.x中数据渲染以及vuex缓存的问题

本篇文章主要介绍了vue2.x中请求之前数据显示以及vuex缓存的问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jsonp跨域请求详解

这篇文章主要为大家详细介绍了jsonp跨域请求的相关资料,激活了所有接口支持浏览器跨域请求的封装,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

解决vue里碰到 $refs 的问题的方法

本篇文章主要介绍了解决vue里碰到 $refs 的问题的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js自定义弹框插件的封装

这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装,自己封装一个弹框插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

深入理解vue $refs的基本用法

本篇文章主要介绍了深入理解vue $refs的基本用法 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多