JavaScript学习笔记之内置对象


Posted in Javascript onJanuary 22, 2015

JS Window

窗口对象:http://www.w3school.com.cn/js/js_window.asp

所有浏览器都支持window对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为window对象的成员。

窗口对象的属性和方法格式:

[window.]属性

[window.]方法(参数)

甚至 HTML DOM 的 document 也是 window 对象的属性之一:

window.document.getElementById("header");

与此相同:

document.getElementById("header");
 
JS Screen

屏幕对象:http://www.w3school.com.cn/js/js_window_screen.asp

屏幕对象主要描述屏幕的显示及颜色属性。

屏幕对象的属性:

格式:screen.属性

screen.availWidth - 可用的屏幕宽度

screen.availHeight - 可用的屏幕高度

以像素计,减去界面特性,比如窗口任务栏。

JS Location

位置对象:http://www.w3school.com.cn/js/js_window_location.asp

位置对象用来代表特定窗口的URL信息。

window.location 对象在编写时可不使用 window 这个前缀。

一些例子:

location.hostname 返回 web 主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回 web 主机的端口(80 或 443)

location.protocol 返回所使用的web协议(http:// 或 https://)

location.href 属性返回当前页面的 URL。

location.assign() 方法加载新的文档。

JS History

历史对象:http://www.w3school.com.cn/js/js_window_history.asp

历史对象用以存储客户端最近访问的网址清单。

为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。

一些方法:

history.back() - 与在浏览器点击后退按钮相同

history.forward() - 与在浏览器中点击按钮向前相同

文件对象

文件对象: 代表当前HTML对象,是由<body>标签组构成的,对每个HTML文件会自动建立一个文件对象。

格式:

document.属性

document.方法(参数)

链接对象

网页中的链接均会被自动看作链接对象,并依顺序,分别表示为document.links[0],document.links[1]...

定义链接对象的格式:

字串.link(属性)

表单对象

文件对象的子对象,Javascript的runtime engine自动为每一个表单建立一个表单对象。

格式:

document.forms[索引].属性

document.forms[索引].方法(参数)

document.表单名称.属性

document.表单名称.方法(参数)

Javascript 相关文章推荐
优化innerHTML操作(提高代码执行效率)
Aug 20 Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
Jun 09 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 Javascript
JS实现清除指定cookies的方法
Sep 20 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
浅谈jQuery before和insertBefore的区别
Dec 04 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
vue图片上传本地预览组件使用详解
Feb 20 Javascript
JS实现可切换图片的幻灯切换效果示例
May 24 Javascript
javascript中闭包closure的深入讲解
Mar 03 Javascript
vue中 this.$set的使用详解
Nov 17 Vue.js
JavaScript学习笔记之JS事件对象
Jan 22 #Javascript
jquery实现搜索框常见效果的方法
Jan 22 #Javascript
JavaScript学习笔记之定时器
Jan 22 #Javascript
JavaScript学习笔记之JS对象
Jan 22 #Javascript
JavaScript学习笔记之JS函数
Jan 22 #Javascript
JavaScript学习笔记之基础语法
Jan 22 #Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
Jan 22 #Javascript
You might like
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
JQuery鼠标移到小图显示大图效果的方法
2015/06/10 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
原生JS发送异步数据请求
2017/06/08 Javascript
vue轮播图插件vue-awesome-swiper
2017/11/27 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
js+html实现周岁年龄计算器
2019/06/25 Javascript
超详细的5个Shell脚本实例分享(值得收藏)
2019/08/15 Javascript
Layui点击图片弹框预览的实现方法
2019/09/16 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
2019/10/12 Javascript
微信小程序间使用navigator跳转传值问题实例分析
2020/03/27 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
Python学习资料
2007/02/08 Python
浅谈Python 的枚举 Enum
2017/06/12 Python
PyQt实现界面翻转切换效果
2018/04/20 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
python有几个版本
2020/06/17 Python
python 基于opencv实现图像增强
2020/12/23 Python
Python+Appium实现自动化清理微信僵尸好友的方法
2021/02/04 Python
python 获取域名到期时间的方法步骤
2021/02/10 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
汽车驾驶求职信
2013/10/25 职场文书
关于打架的检讨书
2014/01/17 职场文书
文化活动实施方案
2014/03/28 职场文书