卡卡网

今天测试一张网页，在PC浏览器和安卓手机上都能正常打开，但是在苹果手机上却打不开，一时无解。

后来经过反复测试，终于发现了问题，原来是地址包含中文字符的问题！

原来，当网址上包含中文字符时，在苹果手机上是无法打开的，必须要先进行字符编码。这可能是苹果手机浏览器不能对中文字符进行自动编码的原因吧，而PC浏览器和安卓手机的浏览器则无问题。

那么我们要如何进行字符编码呢？这可以使用js来实现。函数是这个：

encodeURI()

关于JavaScript encodeURI() 函数

定义和用法
encodeURI() 函数可把字符串作为 URI 进行编码。

语法
encodeURI(URIstring)
参数：URIstring 必需。
描述：一个字符串，含有 URI 或其他要编码的文本。

返回值
URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

该方法的目的是对 URI 进行完整的编码，因此对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的：;/?:@&=+$,#

提示和注释
提示：如果 URI 组件中含有分隔符，比如 ? 和 #，则应当使用 encodeURIComponent() 方法分别对各组件进行编码。

实例
在本例中，我们将使用 encodeURI() 对 URI 进行编码：

<script type="text/javascript">

document.write(encodeURI("http://www.webkaka.com")+ "<br />")
document.write(encodeURI("http://www.webkaka.com/My first/"))
document.write(encodeURI(",/?:@&=+$#"))

</script>

输出：

http://www.webkaka.com
http://www.webkaka.com/My%20first/
,/?:@&=+$#

标签: 苹果