看下面一段代码:
<html>
<body>
<a href="javascript:pass('other.aspx?do=%e5%85%b3%e9%97%ad')">到另一个页面去</a>
<script type="text/javascript">
function pass(v) {
alert(unescape(decodeURI(escape(v))));
}
</script>
</body>
</html>
本来以为传一个字符串参数给js函数,然后js函数里就可以得到这个字符串,但是IE下的运行结果却是:
乱码!
换Chrome浏览器:
这次不是乱码了,但依然叫人郁闷,不是我想象的结果。
怎么会这样呢?是浏览器对js的解释不同吧?
当我们把鼠标放到超链接上,我们看状态栏上吧:
IE:
Chrome:
看到没有,传给pass()的之本来就不同,Chrome对
%e5%85%b3%e9%97%ad
做了手脚。
但在IE中传入的值怎么会改变呢?为什么是乱码呢?我怀疑是在传值的过程中对
%e5%85%b3%e9%97%ad
这段特殊的字符串进行了编码或解码,于是我把encodeURI(),decodeURI(),unescape()和escape()拿来试试,发现
<html>
<body>
<a href="javascript:pass('other.aspx?do=%e5%85%b3%e9%97%ad')">到另一个页面去</a>
<script type="text/javascript">
function pass(v) {
alert(escape(v));
}
</script>
</body>
</html>
的结果
和原来的值有点像,看来传参过程中进行了一次unescape()
该函数的工作原理是这样的:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码。
那么,'?'和'='怎么会受到影响呢?
最后把代码改成
<html>
<body>
<a href="javascript:pass('other.aspx?do=%e5%85%b3%e9%97%ad')">到另一个页面去</a>
<script type="text/javascript">
function pass(v) {
alert(unescape(decodeURI(escape(v))));
}
</script>
</body>
</html>
可以让它在IE下运行如Chrome:
神奇的编码,不知道js为什么对这种带'%'的字符串要有默认的操作。