JavaScript内置对象

  1. 图像对象
  2. 导航对象
  3. 窗口对象
  4. 屏幕对象
  5. 事件对象
  6. 历史对象
  7. 文件对象(重要)
  8. 锚点对象
  9. 链接对象
  10. 框架对象
  11. 表单对象(重要)
  12. 位置对象

JS Window

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

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

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

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

　　[window.]属性

　　[window.]方法(参数)

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

  1. window.document.getElementById("header");

　　与此相同：

  1. 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.表单名称.方法(参数)

参考资料

　　圣思园张龙老师Java Web视频教程。

　　W3School JavaScript教程：http://www.w3school.com.cn/js/index.asp

　　英文版：http://www.w3schools.com/js/default.asp

JavaScript学习07 内置对象的更多相关文章

  1. javascript中的内置对象

    2015.12.1 javascript中的内置对象 复习: 1.js中的内置函数 alert prompt write parseInt parseFloat eval isNaN document ...

  2. javaScript中Math内置对象基本方法入门

    概念 Math 是javaScript的内置对象,包含了部分数学常数属性和数学函数方法. Math 不是一个函数对象,用户Number类型进行使用,不支持BigInt. Math 的所有属性与方法都是 ...

  3. JavaScript中的内置对象-8--3.Math-Math对象的方法-min（）- max（）- ceil（） - floor（）- round（）- abs（）; Math对象的random()方法;

    JavaScript内置对象-3.Math(数值) 学习目标 1.掌握Math对象的方法: min() max() ceil() floor() round() abs() Math.min() 语法 ...

  4. JavaScript中的内置对象-8--2.String-符串对象 方法; 截取方法; 综合应用; 其他方法;

    JavaScript内置对象-2String(字符串) 学习目标 1.掌握字符串对象 方法: charAt() charCodeAt() indexOf() lastIndextOf() charAt ...

  5. JavaScript中的内置对象-8--1.Array(数组)-Array构造函数; 数组的栈方法; 数组的转换方法; 数组的操作方法; 删除-插入-替换数组项; ECMAScript为数组实例添加的两个位置方法;

    JavaScript内置对象-1Array(数组) 学习目标 1.掌握任何创建数组 2.掌握数值元素的读和写 3.掌握数组的length属性 如何创建数组 创建数组的基本方式有两种: 1.使用Arra ...

  6. 前端JavaScript(2) --常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍

    昨日内容回顾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ...

  7. JavaScript 3种内置对象

    前面我们学了对象,如何创建对象及使用对象. 内置对象不需要实例化,就可以使用. 可以通俗地理解,在内存里的东东是对象,也就是实例化好的.在磁盘里的东东是类,需要实例化才能使用.实例化后的东东在内存里. ...

  8. javascript中的内置对象总结

    内置对象 标准内置对象 Object Object.create Object.prototype.toString Object.prototype.hasOwnProperty Boolean S ...

  9. JavaScript 参考手册——javascript本地和内置对象、BOM、DOM

    本部分提供完整的 JavaScript 参考手册: JavaScript 本地对象和内置对象 Browser 对象(BOM) HTML DOM 对象 JavaScript 对象参考手册 本参考手册描述 ...

随机推荐

  1. 【Android】Android Studio 进行代码混淆，打包release APK

    整了一天,感觉坑挺多. 1. 选择如图中的选项Android Studio进行签名打包: 2. 填写APP对应的信息:(最好用个文本记下来放在项目中同步给Team) - Key store path: ...

  2. Google C++ 风格指南 命名约定 转

    命名约定 最重要的一致性规则是命名管理. 命名风格快速获知名字代表是什么东东: 类型? 变量? 函数? 常量? 宏 ... ? 甚至不需要去查找类型声明. 我们大脑中的模式匹配引擎可以非常可靠的处理这 ...

  3. Moon.Orm 5.0 (MQL版) 实战实例

    )))                 .)             {                 )             {                 )             { ...

  4. Android 手机上获取物理唯一标识码[转]

    所有添加有谷歌账户的设备可以返回一个 ANDROID_ID 所有的CDMA设备对于 ANDROID_ID 和 TelephonyManager.getDeviceId() 返回相同的值(只要在设置时添 ...

  5. C#序列化s实体类成Xml，去除空格、换行符以及命名空间

    序列化实体类成为一个干净的Xml,不带空格.换行符以及命名空间 /// <summary> /// 序列化成XML /// </summary> /// <typepar ...

  6. 【转】 CSS3实现10种Loading效果

    昨晚用CSS3实现了几种常见的Loading效果,虽然很简单,但还是分享一下,顺便也当是做做笔记…… PS:如需转载,请注明出处! 第1种效果: 代码如下: <div class="l ...

  7. EditText html 出现提示 This text field does not specify an inputType or a hint

      1 <EditText 2 android:layout_width="fill_parent" 3 android:layout_height="wrap_c ...

  8. mvc jquery 修改 viewbag

    [HttpGet]        public ActionResult Modify(int id)        {            Books mod=db.Books.Where(b = ...

  9. MySQL Cursor

    MySQL Cursor Summary: in this tutorial, you will learn how to use MySQL cursor in stored procedures ...

  10. 用java实现新浪爬虫,代码完整剖析(仅针对当前SinaSignOn有效)

    先来看我们的web.xml文件,如下 <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application ...