javascript中对应的css样式属性

作者:admin 日期:2010-06-30

JavaScript CSS Style属性对照表
盒子标签和属性对照

CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)

border 　　                              border

border-bottom 　　                borderBottom

border-bottom-color 　　      borderBottomColor

border-bottom-style　　       borderBottomStyle

border-bottom-width 　　    borderBottomWidth

border-color 　　                    borderColor

border-left 　　                        borderLeft

border-left-color 　　                borderLeftColor

border-left-style 　　                borderLeftStyle

border-left-width 　　                borderLeftWidth

border-right 　　        borderRight

border-right-color 　　        borderRightColor

border-right-style 　　        borderRightStyle

border-right-width 　　        borderRightWidth

border-style 　　        borderStyle

border-top 　　            borderTop

border-top-color 　　        borderTopColor

border-top-style 　　        borderTopStyle

border-top-width 　　        borderTopWidth

border-width 　　        borderWidth

clear 　　            clear

float　　            floatStyle

margin 　　            margin

margin-bottom 　　        marginBottom

margin-left 　　        marginLeft

margin-right 　　        marginRight

margin-top 　　            marginTop

padding 　　            padding

padding-bottom 　　        paddingBottom

padding-left 　　        paddingLeft

padding-right 　　        paddingRight

padding-top　　            paddingTop

颜色和背景标签和属性对照

CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)

background 　　            background

background-attachment 　　    backgroundAttachment

background-color　　        backgroundColor

background-image 　　        backgroundImage

background-position　　        backgroundPosition

background-repeat 　　        backgroundRepeat

color 　　            color

样式标签和属性对照

CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)

display 　　            display

list-style-type　　        listStyleType

list-style-image 　　        listStyleImage

list-style-position　　        listStylePosition

list-style　　            listStyle

white-space　　            whiteSpace

文字样式标签和属性对照

CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)

font　　            font

font-family　　            fontFamily

font-size　　            fontSize

font-style　　            fontStyle

font-variant　　        fontVariant

font-weight 　　        fontWeight

文本标签和属性对照

CSS语法 (不区分大小写) 　　JavaScript语法 (区分大小写)

letter-spacing　　        letterSpacing

line-break　　            lineBreak

line-height　　            lineHeight

text-align　　            textAlign

text-decoration 　　        textDecoration

text-indent 　　        textIndent

text-justify　　        textJustify

text-transform 　　        textTransform

vertical-align　　        verticalAlign

Tags: javascript

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2879

ASP中常用的转义字符、制表符\n、\t换行符、回车符等

作者:admin 日期:2010-06-26

vbCr Chr(13) 回车符。

vbCrLf Chr(13) & Chr(10) 回车符与换行符。

'vbFormFeed Chr(12) 换页符；在 Microsoft Windows 中不适用。

vbLf Chr(10) 换行符。

vbNewLine Chr(13) & Chr(10) 或 Chr(10) 平台指定的新行字符；适用于任何平台。

vbNullChar Chr(0) 值为 0 的字符。

vbNullString 值为 0 的字符串与零长度字符串 ("") 不同；用于调用外部过程。

vbTab Chr(9) 水平附签(制表符)。

chr(34) 单引号

Tags: asp

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 11703

vb编程ListBox控件的ListCount不能大于32767？

作者:admin 日期:2010-06-17

List1.ListCount的极限是 32767, 这是它的List1.ListCount的臭虫.

但是内容笔数不受限于 32767, 你可以在循环开始时 Trec=0 在Additem时Trec=Trec+1 退出循环后 Msgbox Trec

Tags: vb

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4057

今天彻底卸载了sogou输入法!

作者:admin 日期:2010-06-15

今天彻底卸载了sogou输入法，一个小小的输入法升级程序竟然吃掉我1G多的内存，晕！～换用Google拼音输入法以后，内存占用好多了。看搜狗输入法论坛也很多人在反映同样的问题，哎！！！
顺便给大家贴两个输入法下载页面：
Google拼音输入法：http://www.google.com/ime/pinyin/
QQ拼音输入法：http://pinyin.qq.com/
QQ输入法我没用，不过看别人的评价还可以~

Tags: 输入法

分类:随笔杂记 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3510

PHP打开文本文件的两个方法！

作者:admin 日期:2010-06-15

在用php建立网站的时候，我们有时会用到操作文件的功能，比如说建立一个网站访问计算器的情况。
那么怎么来操作文本文件呢？
这里有两个方法
1. 用fopen()和fgets()函数。
例子如下:
$file=”data.txt”;
if(!(file_exists($file))
{
die(“文件不存在！”);
}
else
{
$fp=fopen($file,”r”);//以只读的方式打开文件
while(!(feof($fp))
{
$text=fgets($fp);//读取文件的一行
echo $text; //打印读取的内容
}
fcolse($fp); //关闭打开的文件
}

2. 使用file()函数
例子如下：
$file=”data.txt”;
$filetext=file($file); //把文件中的内容一行的形式保存在$filetext中
$index=count($filetext);//记录该文件中有多少行数据

for($i=0;$i<$index;$i++)
{
echo $filetext[$i];//打印文件中第$i行的内容
}

Tags: php

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3244

作者:admin 日期:2010-06-15

php中取出目录下的文件名的方式不少，最简单的scandir

$dir="./caxa/";
$file=scandir($dir);
print_r($file);

稍微复杂点的，来自于php手册

$dir = "/etc/php5/";
// Open a known directory, and proceed to read its contents
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) !== false) {
echo "filename: $file : filetype: " . filetype($dir . $file) . "\n";
} closedir($dh);
}
}
 
这些都只能读取当前指定目录下的文件，对子目录中的文件无法。原来自己写过一个循环删除所有目录的一段代码，需要逐个子目录删除所有文件，包括多层。
function searchDir($path,&$data){
if(is_dir($path)){
$dp=dir($path);
while($file=$dp->read()){
if($file!='.'&& $file!='..'){
searchDir($path.'/'.$file,$data);
}
}
$dp->close();
}
if(is_file($path)){
$data[]=$path;
}
}

function getDir($dir){
$data=array();
searchDir($dir,$data);
return   $data;
}

print_r(getDir('.'));

Tags: php

分类:技术文章 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 6465

asp获取中文字符串长度

作者:admin 日期:2010-06-07

function getLen(str)
l=len(str)
t=0
for i=1 to l
c=Abs(Asc(Mid(str,i,1)))
if c> 255 then
t=t+2
else
t=t+1
end if
if t=l then exit for '按字数统计,去掉这句则汉字长度算2
next
getLen=t
end function

Tags: asp

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2468

Javascript中offsetTop、clientTop、scrollTop各属性介绍

作者:admin 日期:2010-06-07

这里是javascript中制作滚动代码的常用属性

页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;

1、offsetLeft

假设 obj 为某个 HTML 控件。

obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。

obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。

obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。

obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。

我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。

例如：

</div>

“提交”按钮的 offsetTop 指“提交”按钮距“tool”层上边框的距离，因为距其上边最近的是 “tool” 层的上边框。

“重置”按钮的 offsetTop 指“重置”按钮距“tool”层上边框的距离，因为距其上边最近的是 “tool” 层的上边框。

“提交”按钮的 offsetLeft 指“提交”按钮距“tool”层左边框的距离，因为距其左边最近的是 “tool” 层的左边框。

“重置”按钮的 offsetLeft 指“重置”按钮距“提交”按钮右边框的距离，因为距其左边最近的是“提交”按钮的右边框。

以上属性在 FireFox 中也有效。

另外：我们这里所说的是指 HTML 控件的属性值，并不是 document.body，document.body 的值在不同浏览器中有不同解释（实际上大多数环境是由于对 document.body 解释不同造成的，并不是由于对 offset 解释不同造成的），点击这里查看不同点。

标题：offsetTop 与 style.top 的区别

预备知识：offsetTop、offsetLeft、offsetWidth、offsetHeight

我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是：

一、offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。

二、offsetTop 只读，而 style.top 可读写。

三、如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。

offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样道理。

标题：clientHeight、offsetHeight和scrollHeight

我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。

这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。

2、clientHeight

clientHeight

大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。

NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight

IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。

NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

简单地说

clientHeight 就是透过浏览器看内容的这个区域高度。

NS、 FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。

IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。

同理

clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同，只是把高度换成宽度即可。

但是

FF 在不同的 DOCTYPE 中对 clientHeight 的解释不同， xhtml 1 trasitional 中则不是如上解释的。其它浏览器则不存在此问题。

标题：scrollTop、scrollLeft、scrollWidth、scrollHeight

3、scrollLeft

scrollTop 是“卷”起来的高度值，示例：

<div style="width:50px;height:300px;background-color:#0000FF;" id="t">如果为 p 设置了 scrollTop，这些内容可能不会完全显示。</div>

</div>

var p = document.getElementById("p");

p.scrollTop = 10;

</script>

由于为外层元素 p 设置了 scrollTop，所以内层元素会向上卷。

scrollLeft 也是类似道理。

我们已经知道 offsetHeight 是自身元素的宽度。

而 scrollHeight 是内部元素的绝对宽度，包含内部元素的隐藏的部分。

上述中 p 的 scrollHeight 为 300，而 p 的 offsetHeight 为 100。

scrollWidth 也是类似道理。

IE 和 FireFox 全面支持，而 Netscape 和 Opera 不支持 scrollTop、scrollLeft（document.body 除外）。

发表时间：2007-10-15 20:20:16

标题：offsetTop、offsetLeft、offsetWidth、offsetHeight

4、clientLeft

返回对象的offsetLeft属性值和到当前窗口左边的真实值之间的距离，可以理解为边框的长度

一直以来对offsetLeft，offsetTop，scrollLeft，scrollTop这几个方法很迷糊，花了一天的时间好好的学习了一下．得出了以下的结果：

1.offsetTop :

当前对象到其上级层顶部的距离.

不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.

2.offsetLeft :

当前对象到其上级层左边的距离.

不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.

3.offsetWidth :

当前对象的宽度.

与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值

4.offsetHeight :

与style.height属性的区别在于:如对象的宽度设定值为百分比高度,则无论页面变大还是变小,style.height都返回此百分比,而offsetHeight则返回在不同页面中对象的高度值而不是百分比值

5.offsetParent :

当前对象的上级层对象.

注意.如果对象是包括在一个DIV中时,此DIV不会被当做是此对象的上级层,(即对象的上级层会跳过DIV对象)上级层是Table时则不会有问题.

利用这个属性，可以得到当前对象在不同大小的页面中的绝对位置．

得到绝对位置脚本代码

1function GetPosition(obj)

2{

3 var left = 0;

4 var top = 0;

5

6 while(obj != document.body)

7 {

8 left = obj.offsetLeft;

9 top = obj.offsetTop;

10

11 obj = obj.offsetParent;

12 }

13

14 alert("Left Is : " + left + "\r\n" + "Top Is : " + top);

15}

6.scrollLeft :

对象的最左边到对象在当前窗口显示的范围内的左边的距离．

即是在出现了横向滚动条的情况下，滚动条拉动的距离．

7.scrollTop

对象的最顶部到对象在当前窗口显示的范围内的顶边的距离．

即是在出现了纵向滚动条的情况下，滚动条拉动的距离．

我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。

这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。

clientHeight

大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight

IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。

NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight

IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。

NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

简单地说

clientHeight 就是透过浏览器看内容的这个区域高度。

NS、 FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。

IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。

同理

clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同，只是把高度换成宽度即可。

Tags: javascript

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 3475

Asp数组冒泡排序函数

作者:admin 日期:2010-06-07

Function Sort(ary)
Dim KeepChecking‚I‚FirstValue‚SecondValue
KeepChecking = TRUE
Do Until KeepChecking = FALSE
KeepChecking = FALSE
For I = 0 to UBound(ary)
If I = UBound(ary) Then Exit For
If ary(I) > ary(I+1) Then
FirstValue = ary(I)
SecondValue = ary(I+1)
ary(I) = SecondValue
ary(I+1) = FirstValue
KeepChecking = TRUE
End If
Next
Loop
Sort = ary
End Function

dim ID‚ArrayID‚Myarray‚M
ID="55‚48‚78‚10‚90"
ArrayID=split(ID‚"‚")
Myarray=Sort(ArrayID)
'排序测试
For M=0 To Ubound(Myarray)
Response.Write Myarray(M) & "<br>" & vbCRLF
Next

'当然也可以用下面的，
Dim Myarray
Myarray=Array(12‚10‚25‚78‚45)
Myarray=Sort(ArrayID)
'排序测试
For M=0 To Ubound(Myarray)
Response.Write Myarray(M) & "<br>" & vbCRLF
Next
'排序测试

Tags: asp

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2351

session、cookie与“记住我的登录状态”的功能的实现

作者:admin 日期:2010-06-06

Cookie的机制

Cookie是浏览器（User Agent）访问一些网站后，这些网站存放在客户端的一组数据，用于使网站等跟踪用户，实现用户自定义功能。

Cookie的Domain和Path属性标识了这个Cookie是哪一个网站发送给浏览器的；Cookie的Expires属性标识了Cookie的有效时间，当Cookie的有效时间过了之后，这些数据就被自动删除了。

如果不设置过期时间，则表示这个Cookie生命周期为浏览器会话期间，只要关闭浏览器窗口，Cookie就消失了。这种生命期为浏览会话期的Cookie被称为会话Cookie。会话Cookie一般不保存在硬盘上而是保存在内存里。如果设置了过期时间，浏览器就会把Cookie保存到硬盘上，关闭后再次打开浏览器，这些Cookie依然有效直到超过设定的过期时间。存储在硬盘上的Cookie可以在不同的浏览器进程间共享，比如两个IE窗口。而对于保存在内存的Cookie，不同的浏览器有不同的处理方式。

Tags: session cookie

分类:技术文章 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6871

PHP中session的使用方法

作者:admin 日期:2010-06-06

作为一个系统，必定会有用户登陆与权限控制的环节，怎么做好这两项呢？

session就是服务器端与客户端的会话，让服务器端“认识”客户端，继而达到权限控制或者客户端与服务器端信息交流的目的。

首先梳理一下PHP控制session来实现权限控制的思路：

假设某网站有两种用户权限分别为：admin与user。

首先，进行用户登陆。
当用户登陆验证通过时，同时向session发送用户类型信息，例如“user”。
session记录下此用户的用户类型“user”。
当用户请求访问页面时，页面将保存在session中的用户类型信息与页面的访问权限作比较，如果页面的访问权限为user，那么与用户类型一致，那么通过审核，用户可以对该页进行访问，如果页面的访问权限是admin，那么与用户类型不符，那么拒绝用户访问。

操作session代码

首先在php.ini中对session的设置做一些调整。找到session.save_path，CenusDesign建议把路径改为自己比较容易查看的位置，比如说X:\web\session，注意，目录一定要真实存在。修改完毕后重起Apache服务来使设置生效。这个操作的意思是，服务器会把与每一个用户的对话内容保存在一个以sess开头的session文件中来加以识别与操作。这个目录即为保存这些文件的目录。

Tags: php session

分类:技术文章 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 3826