2009/10/06
1、posTop
posTop的数值其实和top是一样的，但区别在于top固定了元素单位为px，而posTop只是一个数值，因此一般使用posTop来进行运算。
提示：您可以先修改部分代码再运行
2、scrollTop
提示：您可以先修改部分代码再运行
假如没有设置container.scrollTop属性的话，默认情况下滑块位置在顶端。而设置了scrollTop值为12后，滑块的位置改变了，默认显示是卷过了12个像素的文本。如果设置overflow为hidden，则将会无法显示顶部12个像素的文本。
3、scrollHeight 与 offsetHeight
提示：您可以先修改部分代码再运行
posTop的数值其实和top是一样的，但区别在于top固定了元素单位为px，而posTop只是一个数值，因此一般使用posTop来进行运算。
提示：您可以先修改部分代码再运行
2、scrollTop
提示：您可以先修改部分代码再运行
假如没有设置container.scrollTop属性的话，默认情况下滑块位置在顶端。而设置了scrollTop值为12后，滑块的位置改变了，默认显示是卷过了12个像素的文本。如果设置overflow为hidden，则将会无法显示顶部12个像素的文本。
3、scrollHeight 与 offsetHeight
提示：您可以先修改部分代码再运行
2009/10/04
传统做法：
a[rel~="friend"]{
}
a[rel="nofollow"]{
}
a[href^="http:"]{
}
a[href$=".pdf"]{
}
为了兼容 IE6 ：
window.onload = function(){
var list = document.getElementById('list');
var listA = list.getElementsByTagName('a');
for(var i = 0; i < listA.length; i++){
var href = listA[i].href;
if(href.indexOf('pdf') != -1){
listA[i].className = 'haspdf';
}
}
}
a[rel~="friend"]{
}
a[rel="nofollow"]{
}
a[href^="http:"]{
}
a[href$=".pdf"]{
}
为了兼容 IE6 ：
window.onload = function(){
var list = document.getElementById('list');
var listA = list.getElementsByTagName('a');
for(var i = 0; i < listA.length; i++){
var href = listA[i].href;
if(href.indexOf('pdf') != -1){
listA[i].className = 'haspdf';
}
}
}
2009/10/04
$(function(){
$('a,input[type="button"],input[type="submit"]').bind('focus',function(){
if(this.blur){ //如果支持 this.blur
this.blur();
};
});
});
2009/10/04
运行后请再次刷新才有效果！
提示：您可以先修改部分代码再运行
提示：您可以先修改部分代码再运行
2009/01/18
如果你在自己的网页中插入JS代码浏览时弹出错误，又不知那里错误，不想修改的话，可以加下面这个容错代码，这样就不会弹出了。
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
2009/01/12
http://blog.wenxueba.net/snake.html
绿色方块表示食物，红色表示蛇。
注意：不能走相反方向。
2008/12/06
最近在学数据结构树的操作，又看下了书，抄了几段代码上来，我是看懂了，各位呢？感觉很像。
movie.html：
IELoadXML.js：
view.js：
function dump(string){
var current = document.movieDOM.view.value;
current += string;
document.movieDOM.view.value = current;
}
function view(node){
var type = node.nodeType;
if(type == 1){
dump("\<" + node.tagName);
var attr = node.attributes;
if(attr){
var count = attr.length;
var index = 0;
while(index < count){
attribute = attr[index];
if(attribute)
dump(" "+attribute.name+"="+attribute.value);
index++;
}
}
if(node.hasChildNodes()){
dump(">\n");
var _ChildNodes=node.childNodes;
var length = _ChildNodes.length;
var count = 0;
while(count < length){
_ChildNode = _ChildNodes[count];
view(_ChildNode);
count++;
}
dump("</"+node.tagName+">\n");
}
else dump("/>\n");
}else if(type == 3){
dump(node.data+"\n");
}
}
function refresh(){
document.movieDOM.view.value = '';
view(xmlDOM.documentElement);
}
add.js：
del.js：
movie.html：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>增加新电影</title>
<script src="IELoadXML.js"></script>
<script src="view.js"></script>
<script src="add.js"></script>
<script src="del.js"></script>
<script language="javascript" type="text/javascript">
var xmlDOM = loadXML("movie.xml");
</script>
</head>
<body onload="refresh()">
<center>
<form id="movieDOM" name="movieDOM" action="#" method="get">
<h2>XML文档显示</h2>
<textarea id="view" name="view" rows="10" cols="50" ></textarea>
<hr />
<br />
ID:<input type="text" name="id" id="id" size=20/><br />
名称:<input type="text" name="name" id="name" size=20/><br />
</form>
<input type="submit" value="增加新电影" onclick="add();refresh()"/>
<input type="submit" value="删除最后一个" onclick="delLast();refresh()"/>
<input type="submit" value="刷新" onclick="refresh();"/>
</center>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>增加新电影</title>
<script src="IELoadXML.js"></script>
<script src="view.js"></script>
<script src="add.js"></script>
<script src="del.js"></script>
<script language="javascript" type="text/javascript">
var xmlDOM = loadXML("movie.xml");
</script>
</head>
<body onload="refresh()">
<center>
<form id="movieDOM" name="movieDOM" action="#" method="get">
<h2>XML文档显示</h2>
<textarea id="view" name="view" rows="10" cols="50" ></textarea>
<hr />
<br />
ID:<input type="text" name="id" id="id" size=20/><br />
名称:<input type="text" name="name" id="name" size=20/><br />
</form>
<input type="submit" value="增加新电影" onclick="add();refresh()"/>
<input type="submit" value="删除最后一个" onclick="delLast();refresh()"/>
<input type="submit" value="刷新" onclick="refresh();"/>
</center>
</body>
</html>
IELoadXML.js：
function loadXML(xmlDoc){
try{
var _xmlDOM;
_xmlDOM= new ActiveXObject("Microsoft.XMLDOM");
_xmlDOM.async = false;
_xmlDOM.load(xmlDoc);
alert("加载成功");
return(_xmlDOM);
}catch(e){
alert(e.message);
return(null);
}
}
try{
var _xmlDOM;
_xmlDOM= new ActiveXObject("Microsoft.XMLDOM");
_xmlDOM.async = false;
_xmlDOM.load(xmlDoc);
alert("加载成功");
return(_xmlDOM);
}catch(e){
alert(e.message);
return(null);
}
}
view.js：
function dump(string){
var current = document.movieDOM.view.value;
current += string;
document.movieDOM.view.value = current;
}
function view(node){
var type = node.nodeType;
if(type == 1){
dump("\<" + node.tagName);
var attr = node.attributes;
if(attr){
var count = attr.length;
var index = 0;
while(index < count){
attribute = attr[index];
if(attribute)
dump(" "+attribute.name+"="+attribute.value);
index++;
}
}
if(node.hasChildNodes()){
dump(">\n");
var _ChildNodes=node.childNodes;
var length = _ChildNodes.length;
var count = 0;
while(count < length){
_ChildNode = _ChildNodes[count];
view(_ChildNode);
count++;
}
dump("</"+node.tagName+">\n");
}
else dump("/>\n");
}else if(type == 3){
dump(node.data+"\n");
}
}
function refresh(){
document.movieDOM.view.value = '';
view(xmlDOM.documentElement);
}
add.js：
function add(){
var rootE = xmlDOM.documentElement;
var newMovie = xmlDOM.createElement('movie');
var newID = xmlDOM.createElement('id');
var id = xmlDOM.createTextNode(document.movieDOM.id.value);
newID.appendChild(id);
newMovie.appendChild(newID);
var newName = xmlDOM.createElement('name');
var name = xmlDOM.createTextNode(document.movieDOM.name.value);
newName.appendChild(name);
newMovie.appendChild(newName);
rootE.appendChild(newMovie);
}
var rootE = xmlDOM.documentElement;
var newMovie = xmlDOM.createElement('movie');
var newID = xmlDOM.createElement('id');
var id = xmlDOM.createTextNode(document.movieDOM.id.value);
newID.appendChild(id);
newMovie.appendChild(newID);
var newName = xmlDOM.createElement('name');
var name = xmlDOM.createTextNode(document.movieDOM.name.value);
newName.appendChild(name);
newMovie.appendChild(newName);
rootE.appendChild(newMovie);
}
del.js：
function delLast(){
var rootE = xmlDOM.documentElement;
if(rootE.hasChildNodes()){
rootE.removeChild(rootE.lastChild);
}else{
alert("该节点没有子节点!");
}
}
var rootE = xmlDOM.documentElement;
if(rootE.hasChildNodes()){
rootE.removeChild(rootE.lastChild);
}else{
alert("该节点没有子节点!");
}
}
2008/11/21
状态栏定时器：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>定时器的使用</title>
</head>
<script language="javascript" type="text/javascript">
var timer;
function start(){
date = new Date().toLocaleString();
window.status=date;
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="button" name="Submit" value="显示时钟" onclick="timer=setInterval('start()',1000)"/>
</label>
<label>
<input type="submit" name="Submit2" value="停止显示" onclick="clearInterval(timer)"/>
</label>
</form>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>定时器的使用</title>
</head>
<script language="javascript" type="text/javascript">
var timer;
function start(){
date = new Date().toLocaleString();
window.status=date;
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="button" name="Submit" value="显示时钟" onclick="timer=setInterval('start()',1000)"/>
</label>
<label>
<input type="submit" name="Submit2" value="停止显示" onclick="clearInterval(timer)"/>
</label>
</form>
</body>
