js实现页面跳转并传值(不需后台)
来源:互联网 发布:淘宝类目 编辑:程序博客网 时间:2024/06/04 22:47
原文:http://www.cnblogs.com/lyggqm/p/5688028.html
要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码
JS跳转大概有以下几种方式:
第一种:(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html";
</script>
第二种:(返回上一页面)
<script language="javascript">
window.history.back(-1);
</script>
第三种:
<script language="javascript">
window.navigate("b.html");
</script>
第四种:
<script language="JavaScript">
self.location=’b.html’;
</script>
第五种:
<script language="javascript">
top.location=’b.html’;
</script>
页面传值:
第一个页面:
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><SCRIPT LANGUAGE="JavaScript"> function test(){ var s = document.getElementById("txt"); location.href="test2.html?"+"txt="+encodeURI(s.value); }</SCRIPT><body><input type="text" id="txt"></br><input type="button" value="TEST" onclick="test()"/></body></html>第二个页面:(test2.html)
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body> <script language="javascript" type="text/javascript"> var loc = location.href; var n1 = loc.length;//地址的总长度 var n2 = loc.indexOf("=");//取得=号的位置 var id = decodeURI(loc.substr(n2+1, n1-n2));//从=号后面的内容 alert(id); //document.write(id) </script></body></html>注:中文传输:可以在页面a用encodeURI 编码url 在b页面用decodeURI解码url
0 0
- js实现页面跳转并传值(不需后台)
- JS实现页面跳转并传值
- js页面传值,不经后台
- 【转】js倒计时并实现页面跳转
- js跳转页面并传值以及localStorage的用法
- js页面跳转并传值的常用方法
- js页面跳转并传值的常用方法
- js里 post传值并跳转页面
- jsp页面的js定时器的实现和关闭(不跳转页面)
- 页面不跳转传值
- Ajax回调函数不执行、js实现跳转页面并传递值、java生成ID方法、jQ给input赋值
- Android中实现activity的页面跳转并传值
- js 实现页面跳转
- js实现页面跳转
- js实现页面跳转
- js实现页面跳转
- js实现页面跳转
- js跳转页面实现
- Vue的过渡效果
- TestNG源代码分析 --- 依赖管理的实现(一)
- Centos的rz安装
- Android多种方法获取唯一设备id
- jvm class文件结构
- js实现页面跳转并传值(不需后台)
- python socket通信的小例子和几点反思
- (十)ROS在rviz中显示空间中的直线(visualization_msgs/Marker 消息)
- Android:常用控件属性
- Android中资源加载源码分析
- ASP.NET TextBox 当鼠标点击后清空默认提示文字
- python爬虫实例之一
- redis命令详解与使用场景举例——String
- 装船问题 (sdut oj)