焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍 焦点元素　　到底哪些元素可以获得焦点呢？默认情况下，只有表单元素可以获得焦点。因为只有表单元素可以交互<inputtype="text"...

　　javascript最初的一个应用就是分担服务器处理表单的责任，打破处处依赖服务器的局面。尽管目前的web和javascript已经有了长足的发展，但web表单的变化并不明显。由于web表单没有为许多常见任务提供现成的解决方法，很多开发人员不仅会在验证表单时使用javascript，而且还增强了一些标准表单控件的默...

　　变动(mutation)事件能在DOM中的某一部分发生变化时给出提示，这类事件非常有用，但都只能使用DOM2级事件处理程序，且由于浏览器兼容性不好，所以用的不广泛 删除节点　　删除节点时，涉及到DOMNodeRemoved、DOMNodeRemovedFromDocument和DOMSubtreeModi...

　　鼠标和键盘是电脑端主要的输入设备，上篇介绍了鼠标事件，本文将详细介绍键盘事件 类型　　键盘事件用来描述键盘行为，主要有keydown、keypress、keyup三个事件keydown　　当用户按下键盘上的任意键时触发，如果按住不放的话，会重复触发该事件<divid="test"style="hei...

　　鼠标事件是web开发中最常用的一类事件，毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容 类型　　鼠标事件共10类，包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mous...

　　在触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持方式不同。本文将详细介绍事件对象 获取事件对象　　【1】一般地，event对象是事件程序的第一个参数　　[注意]IE8-浏览器不支持//IE8-浏览器输出undefined...

　　事件处理程序又叫事件侦听器，实际上就是事件的绑定函数。事件发生时会执行函数中相应代码。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序和IE事件处理程序四类，下面将详细介绍该部分内容 HTML事件处理程序　　某个元素支持的每种事件，都可以使用一个与相应事件处理程序同名的H...

　　javascript操作CSS称为脚本化CSS，而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间，而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。本文将详细介绍该部分的内容 历史　　当浏览器发展到第四代时(IE4及Netscape4)，浏览...

　　我们可以通过计算样式来读取伪元素的样式信息，但是却无法使用javascript来直接操作伪元素，本文以一个需求解决为例，详细介绍脚本化伪元素的6种方法需求说明　　【1】为id=box的div元素添加content="前缀"的:before伪元素　　【2】为已经添加:before伪元素的div元素删除伪元素　　&nb...

　　很多时候，DOM操作比较简单明了，因此用javascript生成那些通常原本是HTML代码生成的内容并不麻烦。但由于浏览器充斥着隐藏的陷阱和不兼容问题，处理DOM中的某些部分时要复杂一些，比如动态样式就相对较复杂　　所谓动态样式，是指在页面加载时并不存在，在页面加载完成后动态添加到页面的样式　　动态样式包括两种情况...

　　关于脚本化CSS，查询样式时，查询的是计算样式；设置单个样式时，设置的是行间样式；设置多个样式时，设置的是CSS类名。脚本化样式表当然也是一种脚本化CSS的技术，虽然不经常使用，但有时却非常有用。下面将详细介绍脚本化样式表的内容 CSSStyleSheet　　CSSStyleSheet类型表示的是样式表。...

　　一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容 媒介类型　　在CSS2中，媒体查询只使用于<style>和<link>标签中，以m...

　　在实际工作中，我们使用javascript操作CSS样式时，如果要改变大量样式，会使用脚本化CSS类的技术，本文将详细介绍脚本化CSS类 style　　我们在改变元素的少部分样式时，一般会直接改变其行间样式<divid="test"style="height:100px;width:100px;ba...

　　元素的渲染结果是多个CSS样式博弈后的最终结果，这也是CSS中的C(cascade)层叠的含义。访问第一篇中的style属性只能获取行间样式，这通常来说，并不是我们想要的结果。本文将详细介绍如何查询计算样式 getComputedStyle()　　元素的计算样式(computedStyle)是一组在显示元...

　　脚本化CSS，通俗点说，就是使用javascript来操作CSS。引入CSS有3种方式：外部样式，内部样式和行间样式。本文将主要介绍脚本化行间样式 基本用法　　行间样式又叫内联样式，使用HTML的style属性进行设置<divstyle="height:40px;width:40px;backgro...