maoting
- 浏览: 47150 次
- 性别:
- 来自: 北京
-
最新评论
文章列表
正则表达式详解
以一个简单例子开始此文档，详细解析参见下面内容：
var str = "windows 98 windows 2000 windows 2003";
var reg=/windows 2000|98|2003/;
var result = str.match(reg);
document.write("windows 2000|98|2003 : "+result+ "<br/>");
var reg1=/windows (98|2000|2003)/;
var re ...
1.1.1 定义：
1.1.2 最常用的属性值：
block元素的特点：
总是另起一行开始；
宽度缺省是它所在容器的100%，除非设定一个宽度。
高度，行高以及顶、底边距都可控制；
inline元素的特点：
以下图示内容请运行源代码
定义:
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。
注意点:
1. 浮动元素会生成一个块级框（inline-block），而不论它本身是何种元素。（图示1）
2. 如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄（包裹性）。（图示2）
3. 假如在一行之上只有极少的空间可供浮动元素，那么这个元素会跳至下一行，这个过程会持续到某一行拥有足够的空间为止。（图示3）
4. 相邻元素的左右浮动布局。（图示4）
5. 当我们浮动一个元素时，它的父元素将不 ...
javascript继承
- 博客分类：
- javascript
类继承
类型1：extend
function extend(subClass, superClass) {
var F = function() {
};
F.prototype = superClass.prototype;
subClass.prototype = new F();
subClass.prototype.constructor = subClass;
}
类型2：extendOther
function extendOther(subClass, superClass) {
subClass.prototype = new superCl ...
CSS结构和层叠
每个合法的文档都会生成一个文档树，从而能根据元素的祖先，属性，兄弟元素等创建选择器来选择元素。有了这个结构树，选择器才能起作用，这也是CSS继承的核心。继承是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，用户代理不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源，这个过程称为层叠。
1.特殊性每个选择器都有特殊性，对于每个规则，用户代理会计算选择器的特殊性，并将这个特殊性附加到规则中的各个声明。若一个元素有两个或多个冲突的属性声明，那么有最高特殊性的声明将胜出。
特殊性顺序 “important > 内联 &g ...
【转】CSS的选择器
- 博客分类：
- css
引用自：http://www.cnblogs.com/webblog/archive/2009/07/07/1518274.htmlcss1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。
1.基础的选择器
选择器
含义
示例
1.当background-attachment：fixed时，元素会根据视窗进行定位。因此，背景模式都从视窗的左上角开始平铺，而不是从单个元素的左上角开始。对于body，可以看到整个重复模式。不过，对于其他元素，只是在其内边距和内容区才能看 ...
解决IE和Firefox下flash挡住div层的问题
转自：http://only.yctei.cn/html/wangyesheji/217.Html
导读：今天在网上搜索很久关于flash挡住DIV层的解决方法，绝大部分提供的方法都只能解决IE下的情况，Firefox下问题依然存在。总算是黄天不负有心人啊！终于找到了解决方法,也难得去研究是怎么回事，总之是flash参数的问题，并非设置什么DIV的z-index=-1之类的，下面贴出解决IE和Firefox下flash挡住div层的flash解决方法给大家：
<object classid=&quo ...
淘宝前端工程师：国内WEB前端开发十日谈
转自：http://www.admin5.com/article/20121009/464235_5.shtml
一直想写这篇“十日谈”，聊聊我对Web前端开发的体会，顺便解答下周围不少人的困惑和迷惘。我不打算聊太多技术，我想，通过技术的历练，得到的反思应当更重要。
我一直认为自己是“初级”前端开发工程师，一方面我入道尚浅，只有短短几年，另一方面我自知对技术的钻研并不深入，可能是由于环境的原因，当然最重要的是，我幸运的参与到互联网崛起的浪潮之巅。时势造就了一批技能薄弱但备受追捧的“弄潮者”，这在很大程度上影响我们对“技术本质”的 ...
position
定义：
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
static(默认)，relative(相对定位)，absolute(绝对定位)和fixed(固定定位)。其中static和relative会占据文档流空间，他们并不是脱离文档的。absolute和fixed是脱离文档流的，不会占据文档流空间
名词解释
包含块：
1. “根元素”的包含块（也称为初始包含块）由用户代理建立。在HTML中，根元素就是htm ...
margin padding width的值是百分数时，相对于包含块的width进行计算
height的值是百分数时，相对于包含块的height进行计算。
外边距合并
1.相邻盒子之间的margin:行内元素之间的水平margin不会合并（塌陷）
2.块级元素之间的竖直margin会合并（塌陷）。
简单地说，外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。
当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个元素的上外边距会发生合并。请看下图：
当一个元素包含在另一个元素中时（假设没有内边距 ...
浏览器模式：影响的是浏览器的版本及IE的条件注释；
文档模式下(DocType)：影响的是浏览器的兼容性(Hack)以及模式（标准模式，怪异模式）
DOCTYPE MODE
XHML + DOCTYPE
标准模式
HTML 4.01 + strict DTD
标准模式
HTML 4.01 + URL和transitional DTD/Frameset DTD
标准模式
HTML 4.01 +只包含transitional DTD//Frameset DTD
怪异模式
innerText、outerText、innerHTML、outerHTML的区别与使用
1、区别描述
innerHTML 设置或获取位于对象起始和结束标签内的 HTMLouterHTML 设置或获取对象及其内容的 HTML 形式innerText 设置或获取位于对象起始和结束标签内的文本outerText 设置(包括标签)或获取(不包括标签)对象的文本
innerText和outerText在获取时是相同效果，但在设置时，innerText仅设置标签内的文本，而outerText设置包括标签在内的文本。
2、示例代码
<!DOCTYPE html PUBLIC & ...
BOM
- 博客分类：
- javascript
BOM
窗口位置
screenLeft(screenX)、screenTop(screenY)分别用于表示窗口相对于屏幕左边和上边的位置.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS z-index Property</title>
<script type = "text/javascript">
window.onload = function(){ ...
Width and Height
- 博客分类：
- javascript
Width and Height
offsetLeft offsetTop offsetWidth offsetHeight
offsetWidth
offsetHeight
offsetWidth/offsetHeight = width/height + padding +
border
offsetParent
offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的元素最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素 ...