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 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
Dec 08 Javascript
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
一个简易的js图片轮播效果
Jul 22 Javascript
js原生日历的实例(推荐)
Oct 31 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
May 08 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
如何用JavaScript实现功能齐全的单链表详解
Feb 11 Javascript
使用react context 实现vue插槽slot功能
Jul 18 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 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
php的memcache类分享(memcache队列)
2014/03/26 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
PHP获取文件相对路径的方法
2015/02/26 PHP
PHP数组实例详解
2016/06/26 PHP
PHP实现重载的常用方法实例详解
2017/10/18 PHP
php实现微信发红包功能
2018/07/13 PHP
php+layui数据表格实现数据分页渲染代码
2019/10/26 PHP
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之绑定事件
2015/11/19 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
2016/08/11 Javascript
jQuery中绑定事件bind() on() live() one()的异同
2017/02/23 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
使用javascript做时间倒数读秒功能的实例
2019/01/23 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
Python translator使用实例
2008/09/06 Python
python中子类调用父类函数的方法示例
2017/08/18 Python
python获取Linux发行版名称
2019/08/30 Python
python自动识别文本编码格式代码
2019/12/26 Python
Python面向对象编程基础实例分析
2020/01/17 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
群众路线教育实践活动方案
2014/02/02 职场文书
完整版商业计划书
2014/09/15 职场文书
给老婆的道歉信
2015/01/20 职场文书
法院答辩状格式
2015/05/22 职场文书
利用python Pandas实现批量拆分Excel与合并Excel
2021/05/23 Python