javaScript中url中文参数(encodeURI函数和encodeURIComponent函数)

最新推荐文章于 2024-07-17 11:44:12 发布

程宇寒

最新推荐文章于 2024-07-17 11:44:12 发布

阅读量965

点赞数

文章标签： javaScript js url中文参数 encodeURI函数编码

本文链接：https://blog.csdn.net/czh500/article/details/108089927

版权

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>url中文参数</title>
<link rel="stylesheet" type="text/css" href="../css/body.css" />
<link rel="stylesheet" type="text/css" href="../css/mark.css" />
<link rel="stylesheet" type="text/css" href="../css/input2.css" />
<link rel="stylesheet" type="text/css" href="../css/console.css" />
</head>
<body>
<h1>url中文参数</h1>
<input type="button" id="input1" value="url中文参数(encodeURI函数和encodeURIComponent函数)" />
<br />
</body>
<script type="text/javascript">
document.getElementById('input1').onclick = function() {
//参考文章https://www.cnblogs.com/artwl/archive/2012/03/07/2382848.html

//encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z
//encodeURI就是为这个而设计的。encodeURI不对URI中的特殊字符进行编码，如冒号(:)、斜杠(/)。
	console.log('中国', encodeURI('中国'), encodeURIComponent('中国'));
	console.log('中 国', encodeURI('中 国'), encodeURIComponent('中 国'));
	console.log('中#国', encodeURI('中#国'), encodeURIComponent('中#国'));
	console.log('中?国', encodeURI('中?国'), encodeURIComponent('中?国'));
	console.log('中@国', encodeURI('中@国'), encodeURIComponent('中@国'));
	console.log('中/国', encodeURI('中/国'), encodeURIComponent('中/国'));
	console.log('中&国', encodeURI('中&国'), encodeURIComponent('中&国'));
	console.log('江西省赣州市于都县', encodeURI('江西省赣州市于都县'));
	console.log('https://blog.csdn.net/czh500/hello hi test.html');
//encodeURI不对URI中的特殊字符进行编码，如冒号(:)、斜杠(/),仅仅把空格替换成了20%
//https://blog.csdn.net/czh500/hello%20hi%20test.html
	console.log(encodeURI('https://blog.csdn.net/czh500/hello hi test.html'));
	
var param = '于都县';
var url = "https://blog.csdn.net/czh500/?key=" + encodeURIComponent(param) + "&page=1";
console.log(url);
var url2 = "https://blog.csdn.net/czh500/?key=" + encodeURI(param) + "&page=1";
console.log(url2);


//encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z
//encodeURIComponent方法对中文，空格，井号(#)，斜线(/)，冒号(:)都进行了编码
var p = 'http://www.baidu.com';
var url3 = 'https://blog.csdn.net/czh500/?url=' + p;
console.log(url3);
console.log(encodeURI(url3));
console.log(encodeURIComponent(url3));

console.log(encodeURI(p));
console.log(encodeURIComponent(p));
// window.location = url3;
// window.location = encodeURI(url3);
// window.location = encodeURIComponent(url3);
// window.location = p;
// window.location = encodeURI(p);
// window.location = encodeURIComponent(p);
console.log('江西于都县', encodeURI('江西于都县'), encodeURIComponent('江西于都县'));
console.log('http://www.baidu.com');
console.log(encodeURI('http://www.baidu.com'));
console.log(encodeURIComponent('http://www.baidu.com'));
}
</script>
</html>

其实，主要是讲了encodeURI函数和encodeURIComponent函数