清箫的专栏

javascript代码:function onCutPic(){  //显示的部分左上角: (10, 50), 右下角:(100, 80)  cutPicture(document.getElementById("cutPic"), 10, 100, 80, 50);} html代码:       

所谓焦点就是用户当前正在操作的对象，可以是某个元素，也可能是某个浏览器中的tab或window。比如用鼠标点击输入框，那么输入框就会成为焦点。使用键盘上的Tab键，又可以把焦点转移到另外一个元素或浏览器的其他区域。通过鼠标和键盘都可以转移焦点，甚至编辑焦点元素。焦点元素同一时间一个document只能有一个元素成为焦点，这个焦点元素可以使用JavaScript访问：document.activeE

A元素锚与链接的区别锚（anchor）和链接（link）都是a元素，唯一不同的是有没有href attribute。在Firefox35，Chrome41中，只要a元素有name这个attribute，不管name有没有值，都是锚。但在IE中，如果name没有值，又没有href，则既不是锚也不是链接。在所有浏览器中，只要a元素有href属性，不管有没有值，都是链接。锚的创建与作用锚的作用是当URL

Mouseenter和mouseover的区别这两个都是鼠标移入元素内部时触发，它们的区别是mouseenter事件没有冒泡阶段，而mouseover事件则有冒泡阶段，这是第一个区别。第二个区别是触发的几率不一样：鼠标从元素外进入元素内，一定会触发mouseenter，但不一定触发mouseover。因为mouseover只有当元素有空间被鼠标直接接触到才能触发。即使同时触发，它们的先后顺序在不同

px就是像素，与屏幕的分辨率有关；而pt就是point（磅），是印刷行业常用单位，等于1/72英寸。先看下面一个例子：文字72px文字72pt文字96px在网页中，1px=0.75pt，也就是说12pt=16px。在网上有些文章中中会提到DPI（或PPI）这个东西，DPI就是指每英寸的像素个数，如96DPI就是指每英寸有96个像素。在Window XP系统中，这是一个默认的DP

将要描述的三种We语义化技术分别是RDFa、Microformat和Microdata，除了RDFa比较繁锁，而且主要是为XML文档服务，Microformat和Microdata都更适合HTML。Microformat和Microdata各有优缺点。Microformat在于重用现在的属性和元素，而microdata则是通过在元素上添加4个属性来完成了。资源描述框架-in-attribute

1.    用web storage替换cookiesCookie最大的问题是每次都会跟在请求后面。在HTML5中，用sessionStorage和localStorage把用户数据直接在客户端，这样可以减少HTTP请求的数据量。而且Web storage还提供了API来操作数据，不像cookie，还得自己写。 // if localStorage is present, use th

原理： body的offsetParent返回的是null。/** * Get element's absolute coordinate in body */window.getAbsCoordinates=function(e){    var pos = {top: 0, left: 0};    while(e){        pos.left += e.

Reset按钮，这个在现在的项目中几乎已经不用了，因为用户很容易点击到reset按钮，从而使自己陷入懊恼，不得不重新填表单。不过form.reset()在通过Ajax提交请求的页面中，还是有人使用。比如成功提交之后，ajax表单应该被重置，这样下次重新显示表单时，表单是空的或还原为原始值。很可惜，form.reset()浏览器不兼容，不同的浏览器在实现reset时，使用了不同的策略。FF在

CSS优化损失的仅仅是可读性，但可以大大减少文件的大小。对于低网速的用户来说，这可以大大减少加载的时间，这是很有价值的节约。没必要的字符去掉多余的空格颜色值尽量短(如#FFF)去掉小数前的0(如.7em)去掉0后面的任何单位(0px to 0)font-weight用

相信很多朋友都在PHP论坛提问过或者日常开发中都遇到过希望能够“生成静态HTML文件”的需求。下面，我们来介绍一下，为什么要生成静态文件和如何使用PHP来生成静态文件。首先，我们知道在WEB系统尤其是网站类系统中，生成静态文件至少有着两个好处：一、有利于网站的SEO优化。虽然现在的搜索引擎对http://www.php.cn/index.php?c=main&a=index，这种U

<br />对于一个问题的多个答案，如果我们可以通过form表单传递数组，那程序处理起来会简单多了：<br /><table><br /> <tr><br /> <td><input type="checkbox" name="how_hear[]" id="how_hear1" value="Website" ></td><br /> <td style="padding-left:3px"><label for="how_hear1">Website</label></td><br />

v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);} Normal 0 false false

Window对象:如果是在多frame环境下,则每一个frame也是一个window.Navigator对象:这是一个只读对象,可以帮助脚本了解浏览器运行的物理环境,比如显示器的分辨率.History对象:尽管浏览器全身维护了浏览器最近的历史信息,但是对于脚本却没有入口去获得这些细节.至少这个对象帮助脚本实现了[返回]和[前进]功能.Location对象:这是把另一个页面加载到当前

语法:      new Option(text, value, defaultSelected, selected) 说明:      The Option constructor or the HTML tag. To create an Option object with its constructor:           Once youve created an Option ob

在页面上，表示HTML实体有多种方式，比如有“&+name;”、“&#+10进制ID”、“&#x+16进制ID”。而“\u+16进制”一般用于CSS的content样式属性。空字符 – null空字符：\u0000空白 – whitespace空字符表示没有字符，不占页面物理位置，空白是有物理位置的。空白包括空格、制表符、回车符和换行符。空格-space： ，&#x20，\u0020；不间