【JavaScript 客户端JavaScript之样式表操作(DOM API 提供模块之一)】的更多相关文章

JavaScript 客户端JavaScript之样式表操作(DOM API 提供模块之一)

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

JavaScript 客户端JavaScript之事件(DOM API 提供模块之一)

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

JavaScript对css样式表操作

CSS样式表3种方式: 内嵌:写在html标签中的样式 :如:<p style="width:100px"> 内嵌</p> 内联:写在html 中<head></head>之间的样式表 <head> <style> </style> </head> 外联:通过<head>标签中的<link >标签中链接的css样式表 js对内嵌操纵: <p style=&quo…

JavaScript访问修改css样式表

1.访问元素中style属性的css样式 可以根据属性的ID或name标签利用dom操作直接访问到内部的css样式,直接使用style对象访问 <div id="myid" style="backgroundColor:blue;"></div> <script type="text/javascript"> var mydiv1=document.getElementById("myid"…

JavaScript 客户端JavaScript之 脚本化文档

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

JavaScript 客户端JavaScript之脚本化HTTP(通过XMLHttpRequest)

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

JavaScript 客户端JavaScript之 Web浏览器的环境

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

JavaScript 客户端JavaScript之 脚本化浏览器窗口

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

javascript基础（三）： 操作DOM对象（重点）

DOM:文档对象模型 核心 浏览器网页就是一个Dom树形结构! 更新:更新Dom节点 遍历Dom节点:得到Dom节点 删除:删除一个Dom节点 添加:添加一个新的节点 要操作一个Dom节点,就必须要先获得这个Dom节点 获得Dom节点 这是原生代码,之后我们尽量都使用jQuery(); 更新节点 操作文本 操作css 删除节点 删除节点的步骤:先获取父节点,再通过父节点删除自己 注意:删除多个节点的时候,children是在时刻变化的,删除节点的时候一定要注意. 插入节点 我们获得了某个Dom节…

JavaScript 客户端JavaScript之Document对象中的表单和表单元素

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