张经纬的博客-分享互联网

removeChild的障眼法

有结构:

<ul id="demo">
    <li>a</li>
    <li>b</li>
    <li>c</li>
</ul>

如果运行代码1:

var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
for (var i = 0; i < = liList.length; i++) {
    ul.removeChild(liList[i]);
}

如果和我一样被欺骗了,那么看看正确的代码就明白原因啦!

var ul = document.getElementById('demo');
var liList = ul.getElementsByTagName('li');
var lilength =  liList.length;
for (var i = 0; i < lilength; i++) {
    ul.removeChild(liList[0]);
}

原文链接(12 views)|评论 (4)

js Base64 中文解码

今天需要解析php base64_encode后的数据,因为汉字的问题,大多数都无法使用。

苦苦寻找后,终于找到“tane274 ”的一个中文解码函数,赶紧保存一下。

< !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=utf-8" />
<title>无标题文档</title>
</head>
 
<body>
<script src="Base64.js"></script>
<script language = "JavaScript">  
var de=encode64("无标题文档■△▲※→");
var en=decode64(de);  
document.writeln(de+"<br />");  
document.writeln(en+"<br />"); 
</script>
</body>
</html>

Base64.js 下载

原文链接(58 views)|暂无评论(赶紧抢沙发)

有小手雷了!

哈哈,很高兴啊,终于有自己的小手雷了。

我还以为是莲花罩呢,那样多亮骚啊,不过圆筒罩也好,有罩就好。哈哈。

随便试了一下,感觉还行,过两天买个近摄镜就齐了。

上P。

试拍电视塔我的狗头小手雷

原文链接(3 views)|暂无评论(赶紧抢沙发)

可乐鸡翅

周末在家,准备做道可乐鸡翅犒劳一下自己。

购买鸡翅的时候不要买那种黄油比较多的,那样不太好入味。

鸡翅买好洗净,用刀在上面开几个口子,装盆待用。
DSC_0598

准备好姜末、蒜末、大料、白糖、可乐、酱油、食用油。
DSC_0599

点击这里查看文章详细 »

原文链接(80 views)|评论 (7)

Overflow Auto && Position Relative

常见的双倍边距类问题都遇到过,但很少遇到这种有意思的,所以记录一下。

这个BUG是发生在Standards模式下(就是包含XHTML或者HTML4.0的DOCTYPE时)

看这段代码

< !DOCTYPE>
ul {margin:0; padding:0;}
li {list-style:none;}
#test{overflow:auto;height:200px; widows:200px; border:1px solid #000;}
#test li {position:relative;}
<div id="test">
    <ul>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
      <li>测试</li>
    </ul>
</div>

原本我认为溢出的文字会触发滚动条,但并没有呈现。
http://www.zhangjingwei.com/demo/overflow&position/demo_01.html
在IE6或者IE7内,溢出的文字呈现绝对定位(position:absolute)的形式。

解决方法:
在父级元素元素上设置属性position:relative
http://www.zhangjingwei.com/demo/overflow&position/demo_02.html

来源:http://rowanw.com/bugs/overflow_relative.htm

原文链接(99 views)|评论 (7)