div+css标准布局常见问题及解决办法
[ 2010-03-31 10:30:46 | 作者: admin ]
3像素问题及解决办法
当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法
上边容器浮动后，下边的容器跟着浮动，造成页面错乱
如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，footer也跟着浮动到sidebar右侧了，造成页面错乱。解决办法是在maincontent和footer之间插入一个容器，设置样式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除，即可使页面正常
当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？
这种情况可在父窗口加上 ...
阅读全文…
当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话，请参考例29、31的解决方法
上边容器浮动后，下边的容器跟着浮动，造成页面错乱
如以上例子中的footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，footer也跟着浮动到sidebar右侧了，造成页面错乱。解决办法是在maincontent和footer之间插入一个容器，设置样式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除，即可使页面正常
当子元素浮动且未知高度时，怎么使父容器适应子元素的高度？
这种情况可在父窗口加上 ...
阅读全文…
一些界面还算干净的小站，提供参考
[ 2010-03-17 08:49:09 | 作者: admin ]
6月12日
爱拓奇国际语言社区http://www.italki.com/
时库网http://www.timeku.com/
淘宝酷站排行榜http://www.top1234.com/
脸皮网http://lianpi.com/
后现代乐园http://www.911usa.com.cn/Blog/
AB报http://www.abbao.cn/
6月15日
魔术空间 http://www.magicteach.cn/
生活说明书 http://www.wikish.net/
世界景点银行 http://www.worldviewbank.com/cn/
ZCOM电子杂志 http://www.zcom.com/
Leica中文摄影杂志http://www.leica.org.cn/
6月19日
魔术空间http://www.magicteach.cn/
生活说明书"http://www.wikish.net/
...
阅读全文…
爱拓奇国际语言社区http://www.italki.com/
时库网http://www.timeku.com/
淘宝酷站排行榜http://www.top1234.com/
脸皮网http://lianpi.com/
后现代乐园http://www.911usa.com.cn/Blog/
AB报http://www.abbao.cn/
6月15日
魔术空间 http://www.magicteach.cn/
生活说明书 http://www.wikish.net/
世界景点银行 http://www.worldviewbank.com/cn/
ZCOM电子杂志 http://www.zcom.com/
Leica中文摄影杂志http://www.leica.org.cn/
6月19日
魔术空间http://www.magicteach.cn/
生活说明书"http://www.wikish.net/
...
阅读全文…
javascript中的XSS跨站攻击
[ 2010-03-03 14:48:15 | 作者: admin ]
随着网络应用的日益广泛，其中的安全问题也越来越不容忽视。作为网络安全中占用重要地位的WEB安全也开始受到人们关注，作为一个好的网络安全维护人员，不仅要有扎实的理论知识，还要有充分的白盒黑盒测试经验，今天我们就从攻击的角度分析下WEB脚本安全中客户端脚本经常出现的攻击方式——跨站攻击（XSS）。
跨站漏洞出现在各个地方，其危害也越来越大，印象中08年在国内就曾掀起了一阵“跨站热”，多家著名网站程序和邮箱都受到了不同程度的攻击。那么跨站漏洞到底是怎么产生的呢？从攻击者的角度看，是攻击者提交的变量没有经过完整过滤Html字符或者根本就没有经过过滤就放到了数据库中，并且在一些地方又直接从数据库中取出来返回给来访问的用户，从而产生了跨站漏洞。而从程序员角度分析，则是由于编写程序时的一些失误，在代码解析成HTML的过程中被人利用，从而被攻击者构造合理的HTML代码闭合后然后就运行攻...
阅读全文…
跨站漏洞出现在各个地方，其危害也越来越大，印象中08年在国内就曾掀起了一阵“跨站热”，多家著名网站程序和邮箱都受到了不同程度的攻击。那么跨站漏洞到底是怎么产生的呢？从攻击者的角度看，是攻击者提交的变量没有经过完整过滤Html字符或者根本就没有经过过滤就放到了数据库中，并且在一些地方又直接从数据库中取出来返回给来访问的用户，从而产生了跨站漏洞。而从程序员角度分析，则是由于编写程序时的一些失误，在代码解析成HTML的过程中被人利用，从而被攻击者构造合理的HTML代码闭合后然后就运行攻...
阅读全文…
DOCTYPE标准与html兼容问题
[ 2010-03-02 10:51:49 | 作者: admin ]
近日发现lbs使用textarea多行文本框的时候，写日志会发生自动滚动的现象，极为恼火，以前的浏览器版本视乎没有这个问题。所以探个究竟，是DOCTYPE 标准惹得祸。
原演示代码如下：
阅读全文…
原演示代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>发表日志 - 拍拍尘土</TITLE>
</HEAD>
<BODY>
<TEXTAREA style="WIDTH: 600px" id=message rows=18 cols=64 name=message ></TEXTAREA>
...<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>发表日志 - 拍拍尘土</TITLE>
</HEAD>
<BODY>
<TEXTAREA style="WIDTH: 600px" id=message rows=18 cols=64 name=message ></TEXTAREA>
阅读全文…
复选框checkBox最多选择5个的判断代码
[ 2009-12-15 16:41:21 | 作者: admin ]
<script language="JavaScript1.2">
//52News.com
function CheckSel()
{
var objs = document.formVote.ids;
var checkedCount = 0;
for(var i = 0; i < objs.length; i++) {
if(objs[i].checked)
checkedCount++;
}
if (checkedCount > 5) {
alert("最多选5个");
return false;
}
}
</script>
//52News.com
function CheckSel()
{
var objs = document.formVote.ids;
var checkedCount = 0;
for(var i = 0; i < objs.length; i++) {
if(objs[i].checked)
checkedCount++;
}
if (checkedCount > 5) {
alert("最多选5个");
return false;
}
}
</script>
使用方法：
<input name="id" type="checkbox" value="<%=rs("id")%>" onclick="return CheckSel()" />
face=webdings 失效的情况一例
[ 2009-12-08 16:12:13 | 作者: admin ]
我们经常使用webdings，因为它比图片更便捷。
今天突然发现只显示数字了，<font face="webdings"> 代码也正常，就是不显示箭头
后来找到时css做了泛定义，去掉字体定义就ok了，当然样式覆盖应该也没有问题。
改为
今天突然发现只显示数字了，<font face="webdings"> 代码也正常，就是不显示箭头
后来找到时css做了泛定义，去掉字体定义就ok了，当然样式覆盖应该也没有问题。
*{
font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
font-size:12px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
改为
*{
font-size:12px;
}
font-size:12px;
}
Flash As2.0和As3.0中向swf传递参数的区别
[ 2009-11-24 14:29:06 | 作者: admin ]
以往as2.0通过web传递参数给swf
只需swf声明一个变量，如： var par:String;
WEB传递参数方式可以按如下方式： demo.swf?site=52News.com
这样子swf就能取得到web传递的参数值，
如地址栏直接输入情况，可以使用 _root.site
如被其他swf内部load的可以使用 this.site
as3.0改变了些方式，要取得web传递的参数需要使用loaderInfo.parameters[]方法。
如：web传递参数为： demo.swf?site=52News.com
swf 可先声明一个变量
var id:String;
id = loaderInfo.parameters["site"]; //parameters["site"] 中 site为web的参数名。
只需swf声明一个变量，如： var par:String;
WEB传递参数方式可以按如下方式： demo.swf?site=52News.com
这样子swf就能取得到web传递的参数值，
如地址栏直接输入情况，可以使用 _root.site
如被其他swf内部load的可以使用 this.site
as3.0改变了些方式，要取得web传递的参数需要使用loaderInfo.parameters[]方法。
如：web传递参数为： demo.swf?site=52News.com
swf 可先声明一个变量
var id:String;
id = loaderInfo.parameters["site"]; //parameters["site"] 中 site为web的参数名。
innerHtml innerTEXT setTimeout setInterval 用法
[ 2009-11-21 10:49:08 | 作者: admin ]
<html>
<head>
<script>
function Test(){
var str="";
str+="Hello,";
str+="This is a Test!<br />";
str+="I Love you;<br />";
str+="I Love you,too!";
p.innerHTML=str+"<br /><br />"+Math.random();
setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test();>
<span id="p"></span>
</doby>
</html>
innerTEXT与innerHTML的区别：
[img]attachments/200911/21...
阅读全文…
<head>
<script>
function Test(){
var str="";
str+="Hello,";
str+="This is a Test!<br />";
str+="I Love you;<br />";
str+="I Love you,too!";
p.innerHTML=str+"<br /><br />"+Math.random();
setTimeout('Test();',1000);
}
</script>
</head>
<body onload=Test();>
<span id="p"></span>
</doby>
</html>
innerTEXT与innerHTML的区别：
[img]attachments/200911/21...
阅读全文…
