详解HTML中的window对象和document对象

Window -- 代表浏览器中一个打开的窗口:

对象属性

  window //窗口自身

  window.self //引用本窗户window=window.self

  window.name //为窗口命名

  window.defaultStatus //设定窗户状态栏信息

  window.location //URL地址,配备布置这个属性可以打开新的页面

对象方法

  window.alert("text") //提示信息会话框

  window.confirm("text") //确认会话框

  window.prompt("text") //要求键盘输入会话框

  window.setIntervel("action",time) //每一隔指定的时间(毫秒)就执行一次操作

  window.clearInterval() //清除时间配备布置作用就是终止轮回

  window.setTimeout(action,time) //隔了指定的时间(毫秒)执行一次操作

  window.open() //打开新的窗口

  window.close() //关闭窗口

成员对象

  window.event

  window.document //见document对象详解

  window.history

  window.screen

  window.navigator

  window.external

  -------------------------------------------------- -------------------

  window.history对象

  window.history.length //浏览过的页面数

  history.back() //后退

  history.forward() //前进

  history.go(i) //前进或后退到历史记录的第i个页面

  //i>0进步,i<0 后退

    ------------------------------------------------- -------------------

  window.screen对象

 window.screen.width //屏幕宽度

  window.screen.height //屏幕高度

  window.screen.colorDepth //屏幕色深

  window.screen.availWidth //可用宽度

  window.screen.availHeight //可用高度(除去任务栏的高度)

  -------------------------------------------------- -------------------

  window.external对象

  window.external.AddFavorite("地址","标题" ) //把网站新增到保藏夹

  -------------------------------------------------- -------------------

  window.navigator对象

  window.navigator.appCodeName //浏览器代码名

  window.navigator.appName //浏览器应用程序名

  window.navigator.appMinorVersion //浏览器补丁版本

  window.navigator.cpuClass //cpu类型 x86

  window.navigator.platform //操作体系类型 win32

  window.navigator.plugins

  window.navigator.opsProfile

  window.navigator.userProfile

  window.navigator.systemLanguage //客户体系语言 zh-cn简体中文

  window.navigator.userLanguage //用户语言,同上

  window.navigator.appVersion //浏览器版本

  window.navigator.userAgent

  window.navigator.onLine //用户否在线

  window.navigator.cookieEnabled //浏览器是否撑持cookie

  window.navigator.mimeTypes

document对象 -- 代表整个HTML 文档,可用来访问页面中的所有元素:

对象属性

document.title                 //设置文档标题等价于HTML的<title>标签

document.bgColor               //设置页面背景色

document.fgColor               //设置前景色(文本颜色)

document.linkColor             //未点击过的链接颜色

document.alinkColor            //激活链接(焦点在此链接上)的颜色

document.vlinkColor            //已点击过的链接颜色

document.URL                   //设置URL属性从而在同一窗口打开另一网页

document.fileCreatedDate       //文件建立日期,只读属性

document.fileModifiedDate      //文件修改日期,只读属性

document.fileSize              //文件大小,只读属性

document.cookie                //设置和读出cookie

document.charset               //设置字符集 简体中文:gb2312

常用对象方法

document.write()                      //动态向页面写入内容

document.createElement(Tag)           //创建一个html标签对象

document.getElementById(ID)           //获得指定ID值的对象

document.getElementsByName(Name)      //获得指定Name值的对象

document.body.appendChild(oTag)

body-主体子对象

document.body                   //指定文档主体的开始和结束等价于<body></body>

document.body.bgColor           //设置或获取对象后面的背景颜色

document.body.link              //未点击过的链接颜色

document.body.alink             //激活链接(焦点在此链接上)的颜色

document.body.vlink             //已点击过的链接颜色

document.body.text              //文本色

document.body.innerText         //设置<body>...</body>之间的文本

document.body.innerHTML         //设置<body>...</body>之间的HTML代码

document.body.topMargin         //页面上边距

document.body.leftMargin        //页面左边距

document.body.rightMargin       //页面右边距

document.body.bottomMargin      //页面下边距

document.body.background        //背景图片

document.body.appendChild(oTag) //动态生成一个HTML对象

常用对象事件

document.body.onclick="func()"              //鼠标指针单击对象是触发

document.body.onmouseover="func()"          //鼠标指针移到对象时触发

document.body.onmouseout="func()"           //鼠标指针移出对象时触发

location-位置子对象

document.location.hash          // #号后的部分

document.location.host          // 域名+端口号

document.location.hostname      // 域名

document.location.href          // 完整URL

document.location.pathname      // 目录部分

document.location.port          // 端口号

document.location.protocol      // 网络协议(http:)

document.location.search        // ?号后的部分

常用对象事件

documeny.location.reload()          //刷新网页

document.location.reload(URL)       //打开新的网页

document.location.assign(URL)       //打开新的网页

document.location.replace(URL)      //打开新的网页

========================================================================

selection-选区子对象

document.selection

========================================================================

images集合(页面中的图象):

----------------------------

a)通过集合引用

document.images                 //对应页面上的<img>标签

document.images.length          //对应页面上<img>标签的个数

document.images[0]              //第1个<img>标签

document.images[i]              //第i-1个<img>标签

----------------------------

b)通过nane属性直接引用

<img name="oImage">

document.images.oImage          //document.images.name属性

----------------------------

c)引用图片的src属性

document.images.oImage.src      //document.images.name属性.src

时间: 2024-08-25 21:13:54

详解HTML中的window对象和document对象的相关文章

详解javascript中的this对象

详解javascript中的this对象 前言 Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象.Javascript可以通过一定的设计模式来实现面向对象的编程,其中this "指针"就是实现面向对象的一个很重要的特性.但是this也是Javascript中一个非常容易理解错,进而用错的特性.特别是对于接触静态语言比较久了的同志来说更是如此. 示例说明 我们先来看一个最简单的示例: <script type=&q

详解js中的闭包

前言 在js中,闭包是一个很重要又相当不容易完全理解的要点,网上关于讲解闭包的文章非常多,但是并不是非常容易读懂,在这里以<javascript高级程序设计>里面的理论为基础.用拆分的方式,深入讲解一下对于闭包的理解,如果有不对请指正. 写在闭包之前 闭包的内部细节,依赖于函数被调用过程所发生的一系列事件为基础,所以有必要先弄清楚以下几个概念: 1. 执行环境和活动对象 ** - 执行环境(execution context)定义了变量或者函数有权访问的其他数据,每个执行环境都有一个与之关联的

详解Webwork中Action 调用的方法

详解Webwork中Action 调用的方法 从三方面介绍webwork action调用相关知识: 1.Webwork 获取和包装 web 参数 2.这部分框架类关系 3.DefaultActionProxyFactory.DefaultActionProxy.DefaultActionInvocation 终于要开始 webwork 核心业务类的总结,webwork 通过对客户端传递的 web 参数重新包装,进行执行业务 Action 类,并反馈执行结果,本篇源码分析对应下图 WebWork

实例详解 EJB 中的六大事务传播属性--转

前言 事务 (Transaction) 是访问并可能更新数据库中各种数据项的一个程序执行单元 (unit).在关系数据库中,一个事务可以是一条或一组 SQL 语句,甚至整个程序.它有通常被称为 ACID 的原子性(Atomicity).一致性(Consistency).隔离性(Isolation).持续性(Durability)四大特性: 原子性(Atomicity):一个事务是一个不可分割的工作单位,事务中包括的诸操作要么都做,要么都不做. 一致性(Consistency):事务必须是使数据库

详解Android中的屏幕方向

详解Android中的屏幕方向 屏幕方向 是对Activity而言的,所以你可以在AndroidManifest.xml 文件中,通过<activity> 标记的screenOrientation 属性进行设定,例如: <activity android:name=".SketchpadActivity" android:screenOrientation="landscape"/><!--让该Activity总是显示为横屏-->

【转】详解C#中的反射

原帖链接点这里:详解C#中的反射 反射(Reflection) 2008年01月02日 星期三 11:21 两个现实中的例子: 1.B超:大家体检的时候大概都做过B超吧,B超可以透过肚皮探测到你内脏的生理情况.这是如何做到的呢?B超是B型超声波,它可以透过肚皮通过向你体内发射B型超声波,当超声波遇到内脏壁的时候就会产生一定的“回音”反射,然后把“回音”进行处理就可以显示出内脏的情况了(我不是医生也不是声学专家,不知说得是否准确^_^). 2.地球内部结构:地球的内部结构大体可以分为三层:地壳.地

详解js中typeof、instanceof与constructor

详解js中typeof.instanceof与constructor typeof返回一个表达式的数据类型的字符串,返回结果为js基本的数据类型,包括number,boolean,string,object,undefined,function.语法为typeof(data) 或 typeof data instanceof则为判断一个对象是否为某一数据类型,或一个变量是否为一个对象的实例;返回boolean类型 语法为 o instanceof A 以下为综合实例: 1<script type

详解Java中代码块和继承

本文发表于个人GitHub主页,原文请移步详解Java中代码块和继承 阅读. 概念 1.代码块 局部代码块 用于限定变量生命周期,及早释放,提高内存利用率 静态代码块 对类的数据进行初始化,仅仅只执行一次. 构造代码块 把多个构造方法中相同的代码可以放到这里,每个构造方法执行前,首先执行构造代码块. 2.继承 继承是已有的类中派生出新的类,新的类能够吸收已有类的数据属性和行为,并能扩展新的功能. 代码块的执行顺序 public class Test {    public String name

详解Struts1中的struts-config.xml配置文件【一】

搞清楚struts-config.xml中各项元素的作用,对于我们构建web项目有莫大的好处.<struts-config>是struts的根元素,它主要有8个子元素,DTD定义如下: <!ELEMENT struts-config (data-sources?,form-beans?,global-exceptions?,global-forwards?, action-mappings?,controller?,message-resources*,plug-in*)> 以上8