原文:Javascript学习7 - 脚本化浏览器窗口 本节讨论了文档对象模型.客户端Javascript下Window中的各项属性,包括计时器.Location对象.Histroy对象.窗口.浏览器等相关属性的讨论.    具体详细Window属性介绍可以参见:http://www.w3school.com.cn/htmldom/dom_obj_window.asp    7.1 浏览器环境        在客户端Javascript中,表示HTML文档的是Document对象,Window对…

1.计时器 客户端Javascript以全局函数setTimeOut().clearTimeOut().setInterval().clearInterval()提供这一功能.   前者是从运行的那一时刻开始,等待多少毫秒以后,执行指定的函数 后者是从运行的那一时刻开始,每隔多少毫秒,执行指定的函数 相当于,一个是单次,一个是循环 clearTimeOut()用来取消规划的函数的执行 clearInterval()是用来取消规划的函数的任何未来调用 代码: <form name="form…

XMLHttpRequest对象的设计目的是为了处理由普通文本或XML组成的响应:但是,一个响应也可能是另外一种类型,如果用户代理(UA)支持这种内容类型的话.   大多数浏览的客户端JavaScript都包含此功能. HTTP协议 规定了Web浏览器如何从Web服务请求文档,如何向Web服务器传送表单内容,以及如何响应 这些请求和传递. Web浏览器处理了很多HTTP(通常HTTP并不在脚本的控制之下) 1.用户点击一个链接 2.提交一个表单 3.输入一个URL   通常JavaScript代…

客户端JavaScript的存在把静态HTML转变为交互式的Web应用程序,脚本化Web页面的内容正是JavaScript存在的理由.   一个文档对象模型或者说DOM就是一个API,它定义了如何访问组成一个文档的对象.   动态文档内容 document.write()  只能在当前文档下在解析时使用wirte()向其输出HTML代码.(只能在顶层代码中调用,因为这些脚本的执行是解析过程的一部分)   如果把一个document.write()调用放入到一个事件句柄函数中,将会覆盖当和它所包含…

Web浏览器实现的Javascript,通过Web浏览器实现的JavaScript引入了大量可脚本化的对象(1.Web浏览器 2.HTML 3.HTML中的内容)  Web浏览器中的Javascript Web浏览器的环境 1.作为全局对象的Window对象和客户端JavaScript代码的全局执行环境 2.客户端对象的层次和构成它的一部分的文档对象模型(DOM) 3.事件驱动的编程模型   全局对象位于作用域链的头部 Window对象位于作用链的头部 Window对象代表显示文档的窗口(或帧)…

浏览器窗口可视区域大小获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:一.对于IE9+.Chrome.Firefox.Opera 以及 Safari: • window.innerHeight // - 浏览器窗口的内部高度 • window.innerWidth // - 浏览器窗口的内部宽度 二.对于 Internet Explorer 8.7.6.5: • document.documentElement.clientHeight //表示HTML文档所在窗口的当前高度.…

Document对象都有一个cookie属性,它使得JavaScript代码能够在用户的硬盘上持久地存储数据, 并且能够获取以这种方式存储的数据.客户端持久性是赋予WEB应用程序记忆力的一种简单方法.   cookie还可以用于客户端脚本化,并且是HTTP协议的一个标准扩展.   cookie的字符串由  名字/值 组成 (=区分),不同的属性之间用分号隔开.   cookie有4个可选属性   1.expires(已被max-age取代)  生存期 expires是未来的一个过期日期,max-…

层叠样式 表和动态HTML   层叠样式表(CSS)是指定HTML文档或XML文档的表现的标准.     使用CSS和Javascript,可以创建出各种视觉效果,这些效果可以统称为动态HTML(DHTML) CSS样式是一个名称/值的属性列表指定的,属性之间用分号隔开,名字属性和值属性之间用冒号隔开.   1.给文档元素应用样式规则(两种方法) a.在HTML标记的style属性中使用它们.如:<p style=margin-left:Lin;margin-right:lin;"/>…

具有交互性的JavaScript程序使用的是事件驱动的程序设计模型.   目前使用的有3种完全不同的不兼容的事件处理模型. 1.原始事件模型 (一种简单的事件处理模式) 一般把它看作0级DOM API的一部分内容,所有启用了JavaScript的浏览器都支持它,因此它具有可移植性.   2.标准事件模型 (一种强大的具有完整性的事件模型)  2级DOM标准对它进行了标准化,除IE以外的所有浏览器都支持它. 3.IE事件模型    想用高级事件处理特性的JavaScript程序设计者必须为IE浏览…

Form对象 代表一个HTML表单(document可以有多个表单元素) 表单访问 document.form[document.forms.length-1] 访问表单元素 document.forms[1].elements[2]   Form对象其它属性 action encoding method target 定义表单元素 比如 <option>            无type属性        select对象中的一个项目,事件句柄属性select对象,而不属于单独的option…