<![CDATA[MY BLOG]]> http://www.arenasky.com/blog/ zh-cn PBlog2 v2.4 MY BLOG http://www.arenasky.com/blog/images/logos.gif http://www.arenasky.com/blog/ MY BLOG http://www.arenasky.com/blog/default.asp?id=48 <![CDATA[关于Request.QueryString汉字字符串丢失的问题 ]]> rui1214@sina.com(Divin1ty) Fri,11 Jul 2008 03:50:37 +0800 http://www.arenasky.com/blog/default.asp?id=48
语法
Server.URLEncode( string )

参数
String '指定要编码的字符串。

示例

脚本
<%Response.Write(Server.URLEncode("http://www.microsoft.com")) %>

输出
http%3A%2F%2Fwww%2Emicrosoft%2Ecom

应用于
Server 对象

我们这里试输出一段字符：<%response.write Server.UrlEncode("中国贵阳")%>，页面显示结果为：%D6%D0%B9%FA%B9%F3%D1%F4，已成功编译。

如果再对其进行反编译处理呢？

'该函数转自互联网
function urldecode(encodestr)
newstr=""
havechar=false
lastchar=""
for i=1 to len(encodestr)
char_c=mid(encodestr,i,1)
if char_c="+" then
newstr=newstr & " "
elseif char_c="%" then
next_1_c=mid(encodestr,i+1,2)
next_1_num=cint("&H" & next_1_c)
if havechar then
havechar=false
newstr=newstr & chr(cint("&H" & lastchar & next_1_c))
else
if abs(next_1_num)<=127 then
newstr=newstr & chr(next_1_num)
else
havechar=true
lastchar=next_1_c
end if
end if
i=i+2
else
newstr=newstr & char_c
end if
next
urldecode=newstr
end function

最后输出反编译为：<%response.write UrlDecode("%D6%D0%B9%FA%B9%F3%D1%F4")%>
或者：<%response.write UrlDecode(Server.UrlEncode("中国贵阳"))%>

补充一点：

HTMLEncode：HTMLEncode 方法对指定的字符串应用 HTML 编码。

语法
Server.HTMLEncode( string )

参数
string
指定要编码的字符串。

示例

输出
The paragraph tag: &lt;P&gt;
注意 以上输出将被 Web 浏览器显示为：The paragraph tag:
<p>]]> http://www.arenasky.com/blog/default.asp?id=47 <![CDATA[页面完全出来之前显示“正在载入数据...”]]> rui1214@sina.com(Divin1ty) Sat,21 Jun 2008 01:06:00 +0800 http://www.arenasky.com/blog/default.asp?id=47 <script>  
function window.onload() {
　document.all("dv").style.display="none";
}  
</script>  
<div id="dv">正在载入数据......</div>  
<% Response.Flush %>
<body>  
<%  
do you stuffs here
...  
%>  
</body>


语法：Response.Flush


注释：
如果在 ASP 页上调用 Flush 方法，则服务器将响应该页上保持活动的请求。

Response.Flush
对于响应缓冲，因为用户在看到东西之前必须等待整个页面生成，所以用户可能够感觉到ASP页面响应比较慢（虽然整体响应时间缩短了）；对一个运行时间较长的页面，可以同过Response.Buffer = False 来关掉响应缓冲；但更好的策略是使用Reponse.Flush方法。这个方法把所有已经由ASP生成的HTML输出到浏览器中。例如，一个1,000行的大表，在写完100行之后，ASP可以调用Response.Flush来强制把结果写到浏览器中，这样用户就可以在其余行生成之前先看到100行数据。这个技术能让你两全其美—响应缓冲和渐进式地在浏览器表现数据。

（注意，在上面的1,000行表的例子中，很多浏览器在遇到</table>标记之前可能并不画出整个表。如果想让浏览器逐步显示出数据，可以将一个大表分成多个小表，然后对每个小表调用Response.Flush。新版本的IE会在下载完整个表之前显示表，并且如果指定了表的列宽，显示的速度会更快。）

另外，当产生一个非常大的页面时，响应缓冲可能会消耗掉许多的服务器内存。这个问题也可以通过使用Response.Flush来解决。Flush的内容至少要有256字节。]]> http://www.arenasky.com/blog/default.asp?id=46 <![CDATA[ASP之详解Recordset的GetRows属性]]> rui1214@sina.com(Divin1ty) Sat,21 Jun 2008 00:53:45 +0800 http://www.arenasky.com/blog/default.asp?id=46
varArray = rs.GetRows([Rows], [Start], [Fields])

Rows 是要读取记录的数量；假如想要取得Recordset任何记录，可用-1或省略此参数。Start 是指出第一个被读取记录的书签；也能够是下列列举常数中的一个：0-adBookmarkCurrent（现在记录）、1-adBookmarkFirst（第一笔记录）、或2-adBookmarkLast（最后记录）。

Fields 是可选择的字段名称数组，其用来限制要读取的数据量。（也可指定单一字段名称、单一字段索引、或一个字段索引数组）。当设定 Rows 为少于Recordset记录笔数时，第一笔未读取的记录变成现行记录。若省略 Rows 参数或设定为-1-adGetRowsRest或大于未读取的笔数时，GetRows 方法会读取任何记录并让Recordset在EOF状态，而不会产生任何错误。

当处理目的变量数组的数据时，应该记得数据储存方式是有点相反的感觉：数组中第一维定义Recordset的字段（数据行），第二维定义Recordset的数据列。

GetRows 方法通常比一次读一笔记录的循环要来得快些，[color=White][color=White][color=White][color=Red]但使用这方法时，必须确定Recordset未包含太多记录；否则，会很容易以一个很大的变量数组来填满任何内存。[/color][/color][/color][/color]基于相同的原因，得小心不要包括任何BLOB（Binary Large Object）或CLOB（Character Large Object）字段；若如此做的化，应用程式一定会爆掉，特别是对于较大的Recordset而言。最后，记住此方法传回的变量数组是以0为基底的；传回记录的笔数是UBound(values,2)+1，传回字段数是UBound(value, 1)+1。


语法

array = recordset.GetRows( Rows, Start, Fields )

返回值：返回二维数组。

参数

Rows    可选，长整型表达式，指定要检索记录数。默认值为 adGetRowsRest (-1)。

[color=Green]Start[/color]    可选，字符串或长整型，计算得到在 GetRows 操作开始处的记录的书签。也可使用下列 BookmarkEnum 值：

常量说明
AdBookmarkCurrent 从当前记录开始。
AdBookmarkFirst 从首记录开始。
AdBookmarkLast 从尾记录开始。


Fields   可选，变体型，代表单个字段名、顺序位置、字段名数组或顺序位置号。ADO 仅返回这些字段中的数据。

说明

使用 GetRows 方法可将记录从 Recordset 复制到二维数组中。第一个下标标识字段，第二个则标识记录号。当 GetRows 方法返回数据时数组变量将自动调整到正确大小。

如果不指定 Rows 参数的值，GetRows 方法将自动检索 Recordset 对象中的所有记录。如果请求的记录比可用记录多，则 GetRows 仅返回可用记录数。

如果 Recordset 对象支持书签，则可以通过传送该记录的 Bookmark 属性值，来指定 GetRows 方法将从哪个记录开始检索数据。

如要限制 GetRows 调用返回的字段，则可以在 Fields 参数中传送单个字段名/编号或者字段名/编号数组。

在调用 GetRows 后，下一个未读取的记录成为当前记录，或者如果没有更多的记录，则 EOF 属性设置为 True。

常用：arr_rs = rs.getrows(-1)

           arr_rs = rs.getrows()




比如一个分类的表 T_Cate，结构和数据如下：

ID   |   Title   |  Intro
-----------------------------------------
1    |   新闻   |  这里是新闻
2    |   教程   |  这里是教程
3    |   下载   |  这里是下载

好了，表建立好了，数据也有了，下面我们就要用到GetRows了：

Dim Rs_Cate
Dim Arr_Cate
Set Rs_Cate=Conn.ExeCute("Select ID,Title,Intro FROM T_Cate orDER BY ID ASC")
Arr_Cate=Rs_Cate.GetRows
Set Rs_Cate=Nothing

好了，表数据已经导出到数组了，下面我们将遍历这个数组：

Dim Arr_CateNumS,Arr_CateNumI
Arr_CateNumS=Ubound(Arr_Cate,2)  '得到数组中数据的下标
For Arr_CateNumI=0 To Arr_CateNumS
　Response.Write("ID："&Arr_Cate(0,Arr_CateNumI)&" | 标题："&Arr_Cate(1,Arr_CateNumI)&" | 介绍："&Arr_Cate(2,Arr_CateNumI)&"<br>")
Next

呵呵，好了，输出的数据为：

ID：1 | 标题：新闻 | 介绍：这里是新闻
ID：2 | 标题：教程 | 介绍：这里是教程
ID：3 | 标题：下载 | 介绍：这里是下载]]> http://www.arenasky.com/blog/default.asp?id=45 <![CDATA[UTF-8编码读取数据库的乱码]]> rui1214@sina.com(Divin1ty) Fri,20 Jun 2008 19:32:37 +0800 http://www.arenasky.com/blog/default.asp?id=45
对于动态页面中使用UTF-8编码，既要在页面中声明页面的编码为UTF-8，还要在程序的全局设置中声明脚本的编码为UTF-8。

<%@ CODEPAGE=65001 %>
<%Response.CodePage=65001%>
<%Response.Charset="UTF-8"%>　　'告诉浏览器页面使用UTF-8编码的
<%Session.CodePage=65001%>
]]> http://www.arenasky.com/blog/default.asp?id=44 <![CDATA[自动换行word-break:break-all和word-wrap:break-word的区别]]> rui1214@sina.com(Divin1ty) Mon,16 Jun 2008 08:33:42 +0800 http://www.arenasky.com/blog/default.asp?id=44
它们的区别就在于：

1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下一行为tulation（conguatulation）的后端部分了。
2，word-wrap:break-word 例子与上面一样，但区别就是它会把congratulation整个单词看成一个整体，如果该行末端宽度不够显示整个单词，它会自动把整个单词放到下一行，而不会把单词截断掉的。

word-break;break-all 支持版本：IE5以上 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本。
WORD-WRAP:break-word 支持版本：IE5.5以上 内容将在边界内换行。如果需要，词内换行( word-break )也将发生。]]> http://www.arenasky.com/blog/default.asp?id=43 <![CDATA[列表(li)标记图片定位不精确(list-style)怎么办]]> rui1214@sina.com(Divin1ty) Sun,15 Jun 2008 23:54:27 +0800 http://www.arenasky.com/blog/default.asp?id=43
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.arenasky.com/blog/default.asp?id=42 <![CDATA[white-space:nowrap的使用]]> rui1214@sina.com(Divin1ty) Sun,15 Jun 2008 23:42:38 +0800 http://www.arenasky.com/blog/default.asp?id=42
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]


这样就可以了，只要加上 white-space:nowrap 就能实现文章后自去加上...了，而不用在程序中去控制字，呵呵。

text-overflow是一个比较非凡的属性，在CSS手册中，这个属性是这样定义的：

语法： text-overflow : clip | ellipsis

参数：
clip : 不显示省略标记（...），而是简单的裁切（clip这个参数是不常用的！）
ellipsis : 当对象内文本溢出时显示省略标记（...）

说明：
设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。
请注意，text-overflow:ellipsis属性在FF中是没有效果的。

示例：
div { text-overflow : clip; }

text-overflow是一个比较非凡的样式，我们可以用它代替我们通常所用的标题截取函数，而且这样做对搜索引擎更加友好，如：标题文件有50个汉字，而我们的列表可能只有300px的宽度。假如用标题截取函数，则标题不是完整的，假如我们用CSS样式text-overflow:ellipsis，输出的标题是完整的，只是受容器大小的局限不显示出来罢了。]]> http://www.arenasky.com/blog/default.asp?id=41 <![CDATA[WEB2.0技术-CSS兼容IE6/IE7/FF的通用方法]]> rui1214@sina.com(Divin1ty) Tue,03 Jun 2008 18:11:13 +0800 http://www.arenasky.com/blog/default.asp?id=41 以下两种方法几乎能解决现今所有HACK.

1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>

2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

<style>
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
}
</style>

注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"http://www.w3.org/TR/html4/loose.dtd">

二、万能 float 闭合(非常重要!)

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.

<style>
/* Clear Fix */

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
</style>

三、其他兼容技巧(再次啰嗦)

1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)
2, 居中问题.
1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)
2).水平居中. margin: 0 auto;(当然不是万能)
3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)
4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.
5, ul 标签在 FF 下面默认有 list-style 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE. ]]> http://www.arenasky.com/blog/default.asp?id=40 <![CDATA[em还是px?]]> rui1214@sina.com(Divin1ty) Sun,01 Jun 2008 13:59:39 +0800 http://www.arenasky.com/blog/default.asp?id=40 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位；
3. Firefox能够调整px和em，但是96%以上的中国网民使用IE浏览器(或内核)。

px像素（Pixel）是相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)


任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。

em有如下特点：
1. em的值并不是固定的；
2. em会继承父级元素的字体大小。

所以我们在写CSS的时候，需要注意两点：

1. body选择器中声明Font-size=62.5%；
2. 将你的原来的px数值除以10，然后换上em作为单位；
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。

但是12px汉字例外，就是由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小，而是稍大一点。这个问题 Jorux已经解决，只需在body选择器中把62.5%换成63%就能正常显示了。原因可能是IE处理汉字时，对于浮点的取值精确度有限。不知道有没有其他的解释。]]> http://www.arenasky.com/blog/default.asp?id=39 <![CDATA[dl、dt、dd标签的使用]]> rui1214@sina.com(Divin1ty) Sun,01 Jun 2008 13:29:11 +0800 http://www.arenasky.com/blog/default.asp?id=39 dl 定义列表
dt 用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。
dd 用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。

< dl></dl>用来创建一个普通的列表
< dt></dt>用来创建列表中的上层项目
< dd></dd>用来创建列表中最下层项目
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。

代码事例：
<dl>——define list——（自）定义列表
<dt>——define list title——（自）定义列表的标题
<dd>——define list define——（自）定义列表的定义（说明）
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]>