js页面间参数传递
2012-06-01 16:27
169 查看
1传递参数的页面test01.htm
<script type="text/javascript">
function send() {
var url = "test02.htm";
var userName = "这是谁";//假设参数值为这是谁
window.open(encodeURI(url + "?userName=" + userName));
//encodeURI编码
}
</script>
<input id="btn" onclick="send()" value="点击" type="button" name="button"/>
2接受并显示参数页面test02.htm
<div id="show"></div>
<script type="text/javascript">
var urlinfo = window.location.href; //获取url
var userName = urlinfo.split("?")[1].split("=")[1]; //拆分url得到“=”号后面的值(先用split("?")[1]得到?号以后的值,再用split("=")[1]得到等号后面的值,split从0开始计数)
document.getElementById("show").innerHTML = decodeURI(userName);//decodeURI解码
</script>
在浏览器中运行test01.htm 点击按钮,进入test02.htm
ie中地址栏显示 http://localhost:17591/网页3-6纯html/test02.htm?userName=%E8%BF%99%E6%98%AF%E8%B0%81
firefox中地址栏显示:http://localhost:17591/%E7%BD%91%E9%A1%B53-6%E7%BA%AFhtml/test02.htm?userName=%E8%BF%99%E6%98%AF%E8%B0%81
页面中均能显示“你是谁”
Js中escape,unescape,encodeURI,encodeURIComponent区别:
1.传递参数时候使用,encodeURIComponent否则url中很容易被”#”,”?”,”&”等敏感符号隔断。
2.url跳转时候使用,编码用encodeURI,解码用decodeURI。
3.escape() 只是为0-255以外 ASCII字符 做转换工作,转换成的 %u**** 这样的码,如果要用更多的字符如 UTF-8字符库 就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn 这的码才可以,其它情况下escape,encodeURI,encodeURIComponent编码结果相同,所以为了全球的统一化进程,在用 encodeURIComponent() 或 encodeURI() 代替 escape() 使用吧!
<script type="text/javascript">
function send() {
var url = "test02.htm";
var userName = "这是谁";//假设参数值为这是谁
window.open(encodeURI(url + "?userName=" + userName));
//encodeURI编码
}
</script>
<input id="btn" onclick="send()" value="点击" type="button" name="button"/>
2接受并显示参数页面test02.htm
<div id="show"></div>
<script type="text/javascript">
var urlinfo = window.location.href; //获取url
var userName = urlinfo.split("?")[1].split("=")[1]; //拆分url得到“=”号后面的值(先用split("?")[1]得到?号以后的值,再用split("=")[1]得到等号后面的值,split从0开始计数)
document.getElementById("show").innerHTML = decodeURI(userName);//decodeURI解码
</script>
在浏览器中运行test01.htm 点击按钮,进入test02.htm
ie中地址栏显示 http://localhost:17591/网页3-6纯html/test02.htm?userName=%E8%BF%99%E6%98%AF%E8%B0%81
firefox中地址栏显示:http://localhost:17591/%E7%BD%91%E9%A1%B53-6%E7%BA%AFhtml/test02.htm?userName=%E8%BF%99%E6%98%AF%E8%B0%81
页面中均能显示“你是谁”
Js中escape,unescape,encodeURI,encodeURIComponent区别:
1.传递参数时候使用,encodeURIComponent否则url中很容易被”#”,”?”,”&”等敏感符号隔断。
2.url跳转时候使用,编码用encodeURI,解码用decodeURI。
3.escape() 只是为0-255以外 ASCII字符 做转换工作,转换成的 %u**** 这样的码,如果要用更多的字符如 UTF-8字符库 就一定要用 encodeURIComponent() 或 encodeURI() 转换才可以成 %nn%nn 这的码才可以,其它情况下escape,encodeURI,encodeURIComponent编码结果相同,所以为了全球的统一化进程,在用 encodeURIComponent() 或 encodeURI() 代替 escape() 使用吧!
相关文章推荐
- 页面之间传递参数js的方式
- 如何使用js来实现通过href完成多个html页面之间的传递参数
- 网页编程,JS模态窗口,父页面向子页面传递参数
- 【问题】Asp.net MVC 的cshtml页面中调用JS方法传递字符串变量参数
- JS控制静态页面之间传递参数获取参数并应用(window.location)
- JS控制静态页面传递参数并获取参数应用
- js前端获取页面传递的参数
- JavaScript跳转页面/Action并传递中文参数[解决js超链接传递过程中产生的中文乱码问题]
- 在Js页面通过POST传递参数跳转到新页面详解
- js实现两个页面之间跳转参数传递
- 在一个页面文件中(JSP 或者HTML)使用href 跳转另一个页面时使用Js中获取传递过来的参数
- 利用js方法实现html静态页面间参数传递
- 利用js页面间传递参数
- js跳转页面并且进行传递参数
- JS控制静态页面之间传递参数获取参数并应用
- js页面之间以及vue $http请求向后台传递参数中文乱码问题解决
- 过JS向PHP页面传递中文参数的两种方法
- JS获取上个页面超链接传递的参数
- js 获取url中的参数进行跨页面传递
- js用POST方式页面跳转,避免在地址栏中显示传递参数