cont_one_2

而相信碰到过此问题的朋友应该都有所了解,目前网络上流行一些js下的自定义函数去解决这个问题,如说vbscript(URLDecode())、javascript(UrlDecode())等。而这两个函数,都无法很好的与asp(Server.UrlEncode)、php(urlencode())这两个函数相互通讯。
关于vbscript(function URLDecode())、javascript(function
UrlDecode())在本文最后也会转载出来。

好嘞!废话不多说!Code贴上!哪位高手有更好的方式可以多多指点!
CSS Code

cont_tow_2

而本文的主角就是javascript(UrlDecodedecodeURIComponent()),这个函数名称实在太常了,个人真的不太了解,毕竟js的系统函数很多,很容易遗漏。烦恼在偶然间发现了这个函数!

<div id=”playerBox”>
<div id=”playerImage”>
<ul>
<li><img src=”img/1.gif” /></li>
<li><img src=”img/2.gif” /></li>
<li><img src=”img/3.gif” /></li>
<li><img src=”img/4.gif” /></li>
<li><img src=”img/5.gif” /></li>
</ul>
</div>
<div id=”playerNavAndTitle”>
<div id=”playerTitle”>
<a href=”#”>测试一</a>
<a href=”#”>测试二</a>
<a href=”#”>测试三</a>
<a href=”#”>测试四</a>
<a href=”#”>测试五</a>
</div>
<div id=”playerNav”></div>
</div>
</div>

cont_one_3

复制代码 代码如下:

复制代码 代码如下:

cont_one_1

复制代码 代码如下:

HTML Code

cont_tow_3

编码函数:encodeURIComponent()
解码函数:decodeURIComponent()
decodeURIComponent()语法

/*
* images player
* author:mr·zhong
* date:2010-04-19
*/
#playerBox{
width:305px;
height:282px;
border:1px solid #ccc;
}
#playerImage ul{
padding:0px;
margin:0px;
border:0px;
list-style:none;
position:absolute;
}
#playerImage ul li{
padding:0px;
margin:0px;
border:0px;
list-style:none;
position:absolute;
}
#playerImage li img{
width:305px;
height:282px;
border:0px;
}
#playerNavAndTitle{
z-index:10;
position:absolute;
height:50px;
width:305px;
background-color:#000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#playerNavAndTitle #playerTitle{
width:auto;
height:20px;
line-height:30px;
text-indent:10px;
}
#playerNavAndTitle #playerTitle a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
position:absolute;
font-size:15px;
font-family:宋体;
}
#playerNavAndTitle #playerTitle a:hover
{
color:Yellow;
}
#playerNavAndTitle #playerNav{
float:right;
text-align:right;
}
#playerNavAndTitle #playerNav a{
float:left;
display:block;
background-color:#CC3300;
border:1px solid #fff;
width:15px;
height:15px;
margin:5px 5px;
text-align:center;
line-height:15px;
text-decoration:none;
color:#FFFFFF;
cursor:pointer;
font-family:宋体;
}
#playerNavAndTitle #playerNav .hover{
background-color:#FFFFFF;
border:1px solid #cc3300;
color:#CC3300;
float:left;
display:block;
width:15px;
height:15px;
margin:5px 5px;
text-align:center;
line-height:15px;
text-decoration:none;
cursor:pointer;
font-family:宋体;
}

cont_one_4

演示:

CSS Code 复制代码 代码如下: /* * images player * author:mr·zhong *
date:2010-04-…

cont_tow_1

注意:本文只在UTF-8编码环境下测试。因为在不同编码环境下,asp(Server.UrlEncode)所编译后的代码好像不同,有待测试!
附转载:
vbscript(function URLDecode())

复制代码 代码如下:

one2 one3 one4 cont_one_1 cont_one_2
cont_one_3 cont_one_4 tow1 tow2 tow3 cont_tow_1 cont_tow_2
cont_tow_3 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]…

<script type=”text/javascript”>
var test1=”烦恼”;
var test2=”%E7%83%A6%E6%81%BC”;
document.write(“编码(原=”+test1+”):”+encodeURIComponent(test1)+
“<br />”);
document.write(“解码(原=”+test2+”):”+decodeURIComponent(test2));
</script>

演示地址
下载地址

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

<script type=”text/VBscript”>
<!–
Function URLDecode(enStr)
    dim deStr,strSpecial
    dim c,i,v
    deStr=””
    strSpecial=”!””#$%&'()*+,.-_/:;<=>[email protected][\]^`{|}~%”
    for i=1 to len(enStr)
        c=Mid(enStr,i,1)
        if c=”%” then
            v=eval(“&h”+Mid(enStr,i+1,2))
            if inStr(strSpecial,chr(v))>0 then
            deStr=deStr&chr(v)
            i=i+2
            else
            v=eval(“&h”+ Mid(enStr,i+1,2) + Mid(enStr,i+4,2))
            deStr=deStr & chr(v)
            i=i+5
            end if
        else
            if c=”+” then
            deStr=deStr&” “
            else
            deStr=deStr&c
            end if
        end if
    next
    URLDecode=deStr
End function
//–>
</script>

复制代码 代码如下:

发表评论

电子邮件地址不会被公开。 必填项已用*标注