yxc_gdut
- 浏览: 95845 次
- 性别:
- 来自: 深圳
-
最新评论
-
hucc：
js replace函数输入参数 -
liuhjxuell：
太给力了，只是这个校验还有一点，对于数字类型的校验allowB ...
ext editorGridpanel 验证 -
clcai：
不错，刚好遇到这个问题
IE6 div 最小高度
文章列表
一些例子
随鼠标动的导航条
jquery实现随鼠标动的导航条
年尾抽奖页面
让元素成为焦点，覆盖其他元素
canvas一些例子（需要支持HTML5的浏览器，例如搜狗浏览器高速模式、chrome）
球
放射渐变
焦点
margin折叠在布局中经常发生，需要知道margin折叠触发规则和它遵循什么规则计算距离。
margin折叠的规则
两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠
浮动元素/inline-block的元素/绝对定位元素的margin不会和垂直方向上的其他元素的margin折叠
创建了块级格式化内容的元素，不和它的子元素发生margin折叠
元素自身的margin-bottom和margin-top相邻时也会折叠
B
<div style="border:1px solid red; widt ...
大家好，我想让textarea自适应容器的高度，设置height:100%
结果其他浏览器能自适应高度，就IE6/7不能,
望高手指点
<!DOCTYPE html>
<html>
<head>
<title>textarea.html</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030" ...
验证了下constructor属性。看js编译器怎么处理函数的constructor属性的
<!DOCTYPE HTML>
<html>
<head>
<title>constructor属性</title>
<meta http-equiv="content-type" content="text/html; charset=GB2312">
</head>
<body>
<script&g ...
今天验证了下js 的 new操作符，我们使用new的时候，js编译器做了什么？
以下是测试代码：
<!DOCTYPE HTML>
<html>
<head>
<title>new operator</title>
<meta http-equiv="content-type" content="text/html; charset=GB2312">
</head>
<body>
< ...
网上搜了一些介绍baseline的文章，感谢网友的分享，baseline相当于我们平时做英语作业，作业本上每一行都有四条线，每个英文都基于第三条线来写的，我们称之为基线，网页显示文字的时候也一样，默认是以baselin ...
撇开IE的时间处理机制，DOM level2 的事件触发机制是先捕获再上浮。
之前测试过，原来浏览器执行DOM事件并非严格按照先捕获再上浮的顺序，
看看下面代码：
<!DOCTYPE HTML>
<html>
<head>
<title>事件触发顺序</title>
<meta http-equiv="content-type" content="text/html; charset=GB2312">
<style t ...
测试了下replace函数的输入参数，
之前一直不了解，如果replace第二个参数为function，那么replace函数提供给function的输入参数是什么呢？
例如：
String.replace(regexp,function(?,?){})
猜想是：
function的输入参数跟exec函数返回结果想似。
先看测试代码：
<!DOCTYPE HTML>
<html>
<head>
<title>replace.html</tit ...
自己试验了一下exec和match的异同
下面列出测试一个用于获得url地址信息的方法的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>exec.html</title>
<meta http-equiv="content-type" content="text/html; charset ...
overflow 能触发IE7的hasLayout 不能触发IE6的hasLayout
测试一下
<!DOCTYPE HTML>
<html>
<head>
<title>hasLayout属性</title>
<meta http-equiv="content-type" content="text/html; charset=GB18030">
<style type="text/css">
...
css 属性:
background-position: x y;
x、y值可以是left right top bottom center，可以是相对值%，可以是数字。
下面测试代码
<!DOCTYPE HTML>
<html>
<head>
<title>bg_image.html</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312&quo ...
接上篇 js 函数作用域
还是用那个例子
<script>
function addEvents(){
var id = “form1”;
document.getElementById(“save_button”).onclick = function(event){
sumitForm(id);
};
}
</script>
addEvent函数中还有一个function函数，addEvent函数未执行的时候，浏览器不会去创建里面的function，当addEvent执行的时候，浏览器会为function初始化scope属性， ...
总结下js的加载到执行，浏览器都做了什么，如何形成js函数作用域链。
看下面的代码：
<script>
function addEvents(){
var id = “form1”;
document.getElementById(“save_button”).onclick = function(event){
sumitForm(id);
};
}
</script>
函数加载到页面，浏览器开始解释
add函数被创建，浏览器将add可访问的作用域的对象放入add的[[scope]]①属性中，供函数执行时候用。
addE ...
浏览器有三种添加事件监听的方式。
第一种：直接在标签内写 onclick=“fn”
第二种：在js中 onclick=fn
第三种：在js中 用el.attachEvent或者el.addEventListener()
三种方式添加的事件处理函数运行的scope是不同的，不同浏览器也不尽相同。
IE
js: el.onclick = fn ,fn的this->el
在div标签中 onclick = "fn()" ,fn的this->window
js: el.attachEvent('onclick',fn); ,f ...
一直想知道js的 instanceof 是根据什么来判断两个对象的继承关系？ 会不会跟prototype有关，然后就试试了
如果觉得下面的代码比较长，请先看注释
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>intanceof.html</title>
<meta http-equiv="content-type&q ...