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 相关文章推荐
使用JavaScript switch case 另类写法
Mar 14 Javascript
固定表格行列(expression)在IE下适用
Jul 25 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
d3.js实现立体柱图的方法详解
Apr 28 Javascript
3种vue组件的书写形式
Nov 29 Javascript
Vue props用法详解(小结)
Jul 03 Javascript
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
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
使用无限生命期Session的方法
2006/10/09 PHP
PHP 页面编码声明方法详解(header或meta)
2010/03/12 PHP
PHP高自定义性安全验证码代码
2011/11/27 PHP
PHP自动识别字符集并完成转码详解
2013/08/02 PHP
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
验证手机号码的JS方法分享
2013/09/10 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
深究AngularJS之ui-router详解
2017/06/13 Javascript
Vue学习笔记进阶篇之多元素及多组件过渡
2017/07/19 Javascript
基于Vue.js 2.0实现百度搜索框效果
2020/12/28 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
2018/04/24 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
解决layer.msg 不居中 ifram中的问题
2019/09/05 Javascript
简单了解Vue + ElementUI后台管理模板
2020/04/07 Javascript
谈谈JavaScript令人迷惑的==与+
2020/08/31 Javascript
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
python字典get()方法用法分析
2015/04/17 Python
python实现复制整个目录的方法
2015/05/12 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python3中的bytes和str类型详解
2019/05/02 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
项目经理聘任书
2014/03/29 职场文书
新学期开学标语2015
2015/07/16 职场文书
《小乌鸦爱妈妈》教学反思
2016/02/19 职场文书
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript