在两个html页面之间传值
2017-02-15 19:04
537 查看
最近在搞前端的一些开发,在两个页面之间进行传值,虽然搜了写资料但是不是自己想要的,因为用到了一些框架,所有内容相当于在一个html中,与普通的两个独立的html页面直接的传递值的方法不太一样,记之,以备用。
a.html 如下:
[html]
view plain
copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>New Document</title>
<script>
function to(){
var getval =document.getElementById("cc").value;
window.location.href="b.html?cc="+getval;
}
</script>
</head>
<body>
<input type="text" id ="cc" >
<input type="button" value="a" onclick="to()" >
</body>
</html>
b.html如下:
[html]
view plain
copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var thisURL = document.URL;
var getval =thisURL.split('?')[1];
var showval= getval.split("=")[1];
function showvalf(){
alert(showval);
document.getElementById('ee').value=showval;
}
</script>
</head>
<body onload="showvalf()">
<input type="text" id ="ee" />
</body>
</html>
原理是解析当前页面的url,并进行解析分割,获取相关的参数。
a.html 如下:
[html]
view plain
copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>New Document</title>
<script>
function to(){
var getval =document.getElementById("cc").value;
window.location.href="b.html?cc="+getval;
}
</script>
</head>
<body>
<input type="text" id ="cc" >
<input type="button" value="a" onclick="to()" >
</body>
</html>
b.html如下:
[html]
view plain
copy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var thisURL = document.URL;
var getval =thisURL.split('?')[1];
var showval= getval.split("=")[1];
function showvalf(){
alert(showval);
document.getElementById('ee').value=showval;
}
</script>
</head>
<body onload="showvalf()">
<input type="text" id ="ee" />
</body>
</html>
原理是解析当前页面的url,并进行解析分割,获取相关的参数。
相关文章推荐
- 两个HTML页面之间传值的问题
- 两个HTML页面之间传值
- 从一个html页面传值到另一个页面,两个html之间的值传递(js location.search用法)
- 在两个html页面之间传值小示例
- 两个HTML页面传值中文乱码
- HTML页面之间跳转传值
- 关于两个html页面之间的传值
- 用js在两个页面之间传值
- html 页面之间跳转和传值
- 两个html页面之间的传值
- 两个html之间传值
- 如何实现两个页面之间进行传值
- HTML页面之间跳转与传值(JS代码)
- 两个页面之间的另一种传值
- .net中两个页面之间传值的方
- OnClientTriggerClick 两个页面之间互相传值
- 用js在两个页面之间传值
- 在JSP中使用el标签传递值(两个jsp页面之间传值)
- HTML页面之间跳转与传值(JS代码)
- 关于两个html页面之间的传值